0.位置:
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。 脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。1.写自己的函数;
2.document的相关函数:
document.getElementById() document.getElementsByClassName() document.getElementsByName(); document.getElementsByTagName(); document.getElementsByTagNameNS; document.getElementById("demo").value;例子;
2.1改变颜色:<p id="demo">JavaScript 能改变 HTML 元素的样式。</p><script>
function myFunction(){ x=document.getElementById("demo") // 找到元素x.style.color="#ff0000"; // 改变样式}</script><button type="button" οnclick="myFunction()">点击这里</button>2.2切换图片:
function changeImage(){ element=document.getElementById('myimage')if (element.src.match("")) { element.src="/i/eg_bulboff.gif"; }else { element.src="/i/eg_bulbon.gif"; }}</script>2.3检测元素是否是字符串:isNaN(); (NaN: not a number)
<p>请输入数字。如果输入值不是数字,浏览器会弹出提示框。</p><input id="demo" type="text"><script>function myFunction(){ var x=document.getElementById("demo").value;if(x==""||isNaN(x)) { alert("Not Numeric"); }}2.4document.write();
/* 如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档 *//*也就是说如果页面已经加载了,你用一个click事件去使用document.writer(),就会覆盖所有的已经存在于页面的内容*/<p>JavaScript 能够直接写入 HTML 输出流中:</p><script>
document.write("<h1>This is a heading</h1>");document.write("<p>This is a paragraph.</p>");</script><p>
您只能在 HTML 输出流中使用 <strong>document.write</strong>。</p>3.js拥有动态数据类型:
3.1变量:
var x // x 为 undefinedvar x = 6; // x 为数字var x = "Bill"; // x 为字符串var y=123e5; // 12300000var z=123e-5; // 0.00123var x=true //布尔(逻辑)只能有两个值:true 或 false。 var y=false3.2数组:<script> var i; var cars = new Array(); cars[0] = "Audi"; cars[1] = 2.4; cars[2] = "Volvo";for (i=0;i<cars.length;i++){
document.write(cars[i] + "<br>"); }</script>/*等价于:*/ var cars=["Audi","BMW","Volvo"];3.3对象:定义: var person={ firstname : "Bill", lastname : "Gates", id : 5566 };对象属性的寻址方式: name=person.lastname; name=person["lastname"];3.4:当您声明新变量时,可以使用关键词 "new" 来声明其类型var carname=new String;var x= new Number;var y= new Boolean;var cars= new Array;var person= new Object;注意:JavaScript 变量均为对象。当您声明一个变量时,就创建了一个新的对象。4.验证输入:
<script>function myFunction(){ var x=document.getElementById("demo").value;if(x==""||isNaN(x)) { alert("Not Numeric"); }}</script>