zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    190401装饰器-高阶函数-闭包
    190329迭代器-生成器-三元运算-列表解析
    OpenStack-Mitaka
    RabbitMQ
    190328文件处理
    190322函数
    190322字符串
    190321集合
    190320运算符&数据类型
    Zookeeper
  • 原文地址:https://www.cnblogs.com/lindows/p/14390414.html
Copyright © 2011-2022 走看看