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 是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。