JS用处

最新修改日期：2015年12月10日 作者：李容

1、向HTML页面输出：

<script>

document.write("<h1>this is a heading!</h1>");

</script>

2、改变HTML内容：

<script>

function myFunction()

{x=document.getElementById("demo")；//查找元素

x.innerHTML="Hello JS!";//改变内容

}

</script>

3、改变HTML样式：

<script>

function myFunction()

{

x=document.getElementById("demo") // 找到元素

x.style.color="#ff0000";          // 改变样式

}

</script>

4、验证输入：

<script>

function MyFunction()

{

var x= document.getElementById("demo").value;

if(x==""||isNaN(x))

{

alert("not Numeric");

}

}

</script>

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

反斜杠”"对代码进行换行；

5、申明变量：使用var关键字声明变量；

申明变量类型：使用new声明其类型，如：var person = new Object;

注意：js变量均为对象，当声明一个变量时就创建了一个新的对象；

6、js中所有的事物都是对象：

字符串、数字、数组、日期、函数等；也允许自定义对象;

在js中对象是拥有属性和方法的数据；

7、函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块；

8、处理错误事件的发生：

ECMAScript定义了六种类型的错误，除此之外，我们可以使用Error对象和throw语句来创建并引发自定义的例外处理信息；

try语句测试代码块的错误；

catch语句处理错误；

throw语句创建自定义错误；

<script>

 function myFunction() 

{ 

try

   {

   var x=document.getElementById("demo").value; 

  if(x=="")    throw "空值";

   if(isNaN(x)) throw "不是数字";

   if(x>10)     throw "太大";

   if(x<5)      throw "太小";

   } 

catch(err)   {   var y=document.getElementById("mess");   y.innerHTML="Error: " + err + ".";   }

 } 

</script>

9、通过THML DOM，可以访问JavaScript HTML文档中的所有元素；

通过对象模型，JS获得了足够的能力来创建动态的HTML；

（1）改变页面中所有的HTML元素(innerHTML)；

（2）改变页面中所有的HTML属性(attribute)；

（3）改变页面中所有的CSS样式(style.property)；

（4）对页面中的所有事件做出反应；

10、查找元素：

通过id（getElementById("")）、标签名（getElementByTagName("");)、类名()；

11、通过JS创建新的HTML元素：先创建一个元素节点，然后向一个已存在的元素追加该元素；

创建元素：

var para = document.createElement("p");

var node = document.createTextNode("这是新段落");

para.appendChild(node);

var element = document.getElementById("div1");

element.appendChild(para);

js 1

JS用处 告诉浏览器做什么