|
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。 脚本可被放在<body> 和 <head> 部分中，通常 <head> 中。 外部 JavaScript 文件的文件扩展名是 .js。 <script src="myScript.js"></script> 外部脚本不能包含 <script> 标签。 JavaScript 语句和 JavaScript 变量都对大小写敏感。 JavaScript 会忽略多余的空格。您可以向脚本添加空格，来提高其可读性。 |
·对代码行进行折行
您可以在文本字符串中使用反斜杠对代码行进行换行。但是显示正常。
document.write("Hello \
World!");
·JavaScript：写入 HTML 输出
<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
</script>
您只能在 HTML 输出流中使用 <strong>document.write</strong>。
如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
·JavaScript：改变 HTML 内容
<p id="demo">JavaScript 能改变 HTML 元素的内容。</p>
<script>
function myFunction()
{
x=document.getElementById("demo"); // 找到元素，这个方法是 HTML DOM 中定义的。
x.innerHTML="Hello JavaScript!"; // 改变内容
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
·JavaScript：改变 HTML 图像
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{ element.src="/i/eg_bulboff.gif"; }
else
{ element.src="/i/eg_bulbon.gif"; }
}
</script>
<img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif">
<p>点击灯泡来点亮或熄灭这盏灯</p>
动态地改变 HTML <image> 的来源 (src)
·JavaScript：改变 HTML 样式
<p id="demo">JavaScript 能改变 HTML 元素的样式。</p>
<script>
function myFunction()
{
x=document.getElementById("demo") // 找到元素
x.style.color="#ff0000"; // 改变样式
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
·JavaScript：验证输入
<p>请输入数字。如果输入值不是数字，浏览器会弹出提示框。</p>
<input id="demo" type="text">
<script>
function myFunction()
{
var x=document.getElementById("demo").value;
if(x==""||isNaN(x)) { alert("Not Numeric"); }
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
------------------------------------------------------------------------------------------------------------------------
·JavaScript 数据类型
字符串、数字、布尔、数组、对象、Null、Undefined
·JavaScript 数字
JavaScript 只有一种数字类型。数字可以带小数点，也可以不带：
var x1=34.00; //使用小数点来写 var x2=34; //不使用小数点来写
极大或极小的数字可以通过科学（指数）计数法来书写：
var y=123e5; // 12300000 var z=123e-5; // 0.00123
·JavaScript 数组
下面的代码创建名为 cars 的数组：
var cars=new Array(); cars[0]="Audi"; cars[1]="BMW"; cars[2]="Volvo";
或者：
var cars=new Array("Audi","BMW","Volvo");
或者
var cars=["Audi","BMW","Volvo"];
·JavaScript 对象
对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：
var person={firstname:"Bill", lastname:"Gates", id:5566};
上面例子中的对象 (person) 有三个属性：firstname、lastname 以及 id。
空格和折行无关紧要。声明可横跨多行：
var person={
firstname : "Bill",
lastname : "Gates",
id : 5566
};
对象属性有两种寻址方式：
实例
name=person.lastname; name=person["lastname"];
·Undefined 和 Null
Undefined 这个值表示变量不含有值。
可以通过将变量的值设置为 null 来清空变量。
·声明变量类型
当您声明新变量时，可以使用关键词 "new" 来声明其类型：
var carname=new String; var x= new Number; var y= new Boolean; var cars= new Array; var person= new Object;
JavaScript 变量均为对象。当您声明一个变量时，就创建了一个新的对象。
摘自W3school：http://www.w3school.com.cn/js/index.asp