JavaScript 语句 登录

JavaScript 语句

JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。

document.getElementById使用

语法:oElement = document .getElementById ( sID )

参数:sID--必选项。字符串 (String) 。

返回值:oElemen--对象 (Element) 。

说明:根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象,则返回该组对象中的第一个。 如果无符合条件的对象,则返回 null 。

注意: document.getElementById(" ") 得到的是一个对象,用 alert 显示得到的是“ object ”,而不是具体的值,它有 value 和 length 等属性,加上 .value 得到的才是具体的值!

细节:

① document.getElementById 有时会抓 name 放过了 id ,据说是 IE 的一个 BUG 

② javascript中的getElementbyId使用 
网页中的元素必须有id属性,才能通过这个方法得到,比如<input type=textname="content" id="content">

③获取html标记主要有两种方法,一种是通过ID值,一种是通过name属性(name属性主要用于form表单内的input标记。)

注意:

document.getElementById(" ") 得到的是一个对象,用 alert 显示得到的是

“ object ”,而不是具体的值,它有 value 和 length 等属性,加上 .value 得到的才

是具体的值!

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
    <p id="demo"></p>
    <script>
    document.getElementById("demo").innerHTML = "你好 summer";
    </script>
</body>
</html>

分号 ;

分号用于分隔 JavaScript 语句。

通常我们在每条可执行的语句结尾添加分号。

使用分号的另一用处是在一行中编写多条语句。

a = 5;
b = 6;
c = a + b;

JavaScript 代码

JavaScript 代码是 JavaScript 语句的序列。
浏览器按照编写顺序依次执行每条语句。
本例向网页输出一个标题和两个段落:
<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
    <p id="demo">一句问候</p>
    <div id="myDIV">一段话</div>
    <script>
    document.getElementById("demo").innerHTML="你好 summer";
    document.getElementById("myDIV").innerHTML="你最近过得怎么样?";
    </script>
</body>
</html>

JavaScript 代码块

JavaScript 可以分批地组合起来。

代码块以左花括号开始,以右花括号结束。

代码块的作用是一并地执行语句序列。

本例向网页输出一个标题和两个段落:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
    <script>
    function myFunction(){
    document.getElementById("myPar").innerHTML="你好,世界!";
    document.getElementById("myDiv").innerHTML="这里要显示一句话。";
    }
    </script>
</head>
<body>
    <p id="myPar">替代</p>
    <div id="myDiv">覆盖</div>
    <p>
    <button type="button" onclick="myFunction()">点击这里</button>
    </p>
</body>
</html>

JavaScript 语句标识符

JavaScript 语句通常以一个 语句标识符 为开始,并执行该语句。

语句标识符是保留关键字不能作为变量名使用。

下表列出了 JavaScript 语句标识符 (关键字) :

<table class="reference" "style="width: 100%" style="border: 0px; margin: 4px 0px; padding: 0px; width: 729px; color: rgb(51, 51, 51); font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft Yahei", sans-serif; font-size: 12px; line-height: normal; white-space: normal; widows: 1; background-color: rgb(255, 255, 255);">

语句      描述

break    用于跳出循环。    

catch    语句块,在 try 语句块执行出错时执行 catch 语句块。    

continue    跳过循环中的一个迭代。    

do ... while    执行一个语句块,在条件语句为 true 时继续执行该语句块。    

for    在条件语句为 true 时,可以将代码块执行指定的次数。    

for ... in    用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。    

function    定义一个函数    

if ... else    用于基于不同的条件来执行不同的动作。    

return    退出函数    

switch    用于基于不同的条件来执行不同的动作。    

throw    抛出(生成)错误 。    

try    实现错误处理,与 catch 一同使用。    

var    声明一个变量。    

while    当条件语句为 true 时,执行语句块。    


JavaScript 对大小写敏感。

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时,请留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样,变量 myVariable 与 MyVariable 也是不同的。


空格

JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。下面的两行代码是等效的:

var person="Hege";
var person = "Hege";


对代码行进行折行

您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示:

document.write("你好 \
世界!");

不过,您不能像这样折行:

document.write \ 
("你好世界!");



下一节
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> function getAge(){ var age; age = document.getElementById("age_input").value; if ( age == "" ) { alert("请输入您的年龄!"); return false; } if ( age > 25 ) { alert("您的岁数大于 25 岁。"); } else if ( age < 25 ) { alert("您的岁数小于 25 岁。"); } else { alert("您的岁数等于 25 岁。"); } } </script> </head> <body> 您的年龄:<input type="text" id="age_input" /> <input type="button" onclick="getAge()" value="确定" /> </body> </html>
提交 重置代码
章节 评论 笔记 课件
  • 取消 回复 发送
  • 取消 发布笔记 发送