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

 

posted @ 2018-03-12 17:52  xiaoxiyou  阅读(285)  评论(0)    收藏  举报