script js base

三种不同位置的JavaScrip t 代码的写法

http://www.cnblogs.com/hushuan/articles/466044.html

http://www.blogjava.net/zzzlyr/archive/2009/05/22/277415.html

http://www.cnblogs.com/gisland/archive/2009/09/22/1571777.html

 

javaScript base 1

 

<html>
<head>
<script language="JavaScript" type="text/javascript">
function func2(){
		alert("func2");
	}
function func1(){
		alert("func1");
		func2();
	}
</script>
</head>
<body οnlοad="func1();">
dfsfasd
</body>
</html>


javaScript base2

 

<html>
<head>
<script language="JavaScript" type="text/javascript">
function func2(){
		alert("func2");
	}
function func1(){
		alert("func1");
	}
</script>
</head>
<body οnlοad="func1();func2();">
dfsfasd
</body>
</html>
 

 

 

 

客户端脚本JavaScript在写法上其实有很多种方法,它们的放置位置也非常之多。。

下面列举在三种不同的地方写JavaScript代码,实现的效果都是点击按钮button弹出alert警告框

第一种是最常见的,代码如下
html代码
< input  type ="button"  value ="按钮1"  id ="btn1"  onclick ="pop()" >
js代码
function  pop()
    {
        alert(
" 在JavaScript函数处调用 " );
    }
第二种是最简单的实现方式,代码如下
< input  type ="button"  value ="按钮2"  id ="btn2"  onclick ="javascript:alert('直接写函数');" >


第三种方式相对复杂,代码如下
html代码
< input  type ="button"  value ="按钮3"  id ="btn3" >
js代码
var  obj = document.getElementById( " btn3 " ); // 以下语句一定要放在定义btn3的下面,否则编译器是不能识别btn3的。
    
    
if (window.addEventListener) //  Mozilla, Netscape, Firefox等浏览器
    { 
        obj.addEventListener(
" click " ,fun, false ); // 注意这里的false
    }
    
else      // IE浏览器
    {
        obj.attachEvent(
" onclick " ,fun);
    }
    
function  fun()
    {
        alert(
" 通过在函数中触发事件 " );
    }


总结:三种写法方式实现的效果是完全一样的,应该说三种方式都是常用的,而且各有优缺点。。。。

 

 

js url打印cookie

javascript:alert(document.cookie);

end

 

 

 

posted @ 2009-10-25 16:23  siemens800  阅读(25)  评论(0编辑  收藏  举报