js
1.把一个 JavaScript 函数放置到 HTML 页面的 <head> 部分。
该函数会在点击按钮时被调用:
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
</head>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph.</p>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>

2.请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖:
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My First Paragraph.</p>
<button onclick="myFunction()">点击这里</button>
<script>
function myFunction()
{
document.write("糟糕!文档消失了。");
}
</script>
</body>
</html>

![]()
3.JavaScript 对大小写是敏感的;JavaScript 语句和 JavaScript 变量都对大小写敏感。
4.JavaScript 会忽略多余的空格
5.可以在文本字符串中使用反斜杠对代码行进行换行
6.单行注释以 // 开头,多行注释以 /* 开始,以 */ 结尾
7.当向变量赋的值是数值时,不要使用引号。如果用引号(双引号或单引号)包围数值,该值会被作为文本来处理
8.在 JavaScript 中创建变量通常称为“声明”变量。我们使用 var 关键词来声明变量
9.一条语句,多个变量

10.JavaScript 数组

11.JavaScript 对象


12.JavaScript 中的所有事物都是对象:字符串、数字、数组、日期;在 JavaScript 中,对象是拥有属性和方法的数据。
13.访问对象的方法,通过下面的语法调用方法:

14.调用带参数的函数
在调用函数时,您可以向其传递值,这些值被称为参数。


15.带有返回值的函数(w3s的js函数)
有时,我们会希望函数将值返回调用它的地方。
通过使用 return 语句就可以实现。
在使用 return 语句时,函数会停止执行,并返回指定的值。

16.仅仅希望退出函数时 ,也可使用 return 语句。返回值是可选的
17.

18.

19.逻辑运算符

20.条件运算符
JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。


21.if语句
只有当指定条件为 true 时,该语句才会执行代码。


代码:
<html>
<body>
<p>如果时间早于 20:00,会获得问候 "Good day"。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x="";
var time=new Date().getHours();
if (time<20)
{
x="Good day";
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>
22.JavaScript For 循环
<!DOCTYPE html>
<html>
<body>
<script>
cars=["BMW","Volvo","Saab","Ford"];
for (var i=0;i<cars.length;i++)
{
document.write(cars[i] + "<br>");
}
</script>
</body>
</html>

23.不同类型的循环

24.For/In 循环
JavaScript for/in 语句循环遍历对象的属性:
<!DOCTYPE html>
<html>
<body>
<p>点击下面的按钮,循环遍历对象 "person" 的属性。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x;
var txt="";
var person={fname:"Bill",lname:"Gates",age:56};
for (x in person)
{
txt=txt + person[x];
}
document.getElementById("demo").innerHTML=txt;
}
</script>
</body>
</html>

25.while 循环

25.
break 语句用于跳出循环。
continue 用于跳过循环中的一个迭代。
<!DOCTYPE html>
<html>
<body>
<p>点击下面的按钮来执行循环,该循环会跳过 i=3 的步进。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x="",i=0;
for (i=0;i<10;i++)
{
if (i==3)
{
continue;
}
x=x + "The number is " + i + "<br>";
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>

26.throw语句

<!DOCTYPE html>
<html>
<body>
<script>
function myFunction()
{
try
{
var x=document.getElementById("demo").value;
if(x=="") throw "值为空";
if(isNaN(x)) throw "不是数字";
if(x>10) throw "太大";
if(x<5) throw "太小";
}
catch(err)
{
var y=document.getElementById("mess");
y.innerHTML="错误:" + err + "。";
}
}
</script>
<h1>我的第一个 JavaScript 程序</h1>
<p>请输入 5 到 10 之间的数字:</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">测试输入值</button>
<p id="mess"></p>
</body>
</html>

27.JavaScript 正则表达式
正则表达式是由一个字符序列形成的搜索模式。正则表达式可用于所有文本搜索和文本替换的操作。

正则表达式通常用于两个字符串方法 : search() 和 replace()。
28.函数定义作为对象的属性,称之为对象方法。
函数如果用于创建新的对象,称之为对象的构造函数。
29.引用名为 "xxx.js" 的外部脚本的正确语法是:<script src="xxx.js">
如何在警告框中写入 "Hello World"? :alert("Hello World")
如何调用名为 "myFunction" 的函数? :myFunction()
在 JavaScript 中,有多少种不同类型的循环? :两种。for 循环和 while 循环。
打开名为 "window2" 的新窗口的 JavaScript 语法是 :window.open("http://www.w3cschool.cn","window2")
如何在浏览器的状态栏放入一条消息? :window.status = "put your message here"
如何获得客户端浏览器的名称 :navigator.appName

浙公网安备 33010602011771号