JavaScript：写入 HTML 输出
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
提示：您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法，会覆盖整个文档。
JavaScript：对事件作出反应
<button type="button" onclick="alert('Welcome!')">点击这里</button>
alert() 函数在 JavaScript 中并不常用，但它对于代码测试非常方便。
JavaScript：改变 HTML 内容
x=document.getElementById("demo") //查找元素
x.innerHTML="Hello JavaScript"; //改变内容
JavaScript：改变 HTML 图像
<body>
<script type="text/javascript">
function changeImage () {
element = document.getElementById("myImage");
if (element.src.match("bulbon")) {
element.src="img/eg_bulboff.gif";
} else{
element.src="img/eg_bulbon.gif";
}
}
</script>
<img id="myImage" onclick="changeImage()" src="img/eg_bulboff.gif" />
</body>
动态地改变 HTML <image> 的来源 (src)
JavaScript：改变 HTML 样式
x=document.getElementById("demo") //找到元素
x.style.color="#ff0000"; //改变样式
JavaScript：验证输入
JavaScript 常用于验证用户的输入。
<input id="demo" type="text">
<script type="text/javascript">
function myFunction () {
var x = document.getElementById("demo").value;
if(x==""||isNaN(x)){
alert("不是数字");
}
}
</script>
JavaScript使用
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
您可以在 HTML 文档中放入不限数量的脚本。
脚本可位于 HTML 的 <body> 或 <head> 部分中，或者同时存在于两个部分中。
通常的做法是把函数放入 <head> 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。
** <head> 中的 JavaScript 函数**
** <body>中的 JavaScript 函数**
外部的 JavaScript
如需使用外部文件，请在 <script>标签的 "src" 属性中设置该 .js 文件：
<script src="myScript.js"></script>
JavaScript输出
1、操作HTML元素
document.getElementById("demo").innerHTML="My First JavaScript";
2、直接写到文档输出
document.write("<p>My First JavaScript</p>");
使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。
JavaScript语句
JavaScript 代码（或者只有 JavaScript）是 JavaScript 语句的序列。
-
浏览器会按照编写顺序来执行每条语句。
-
JavaScript 对大小写敏感
-
JavaScript 会忽略多余的空格。您可以向脚本添加空格，来提高其可读性。
-
对代码行进行折行，可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示：
document.write("Hello \ World!");
提示：JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。
网友评论