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

  • 相关阅读:
    phpMyAdmin <= 4.0.4.1 import.php GLOBALS变量注入漏洞
    第一个VC++ win32程序 绘制简单图形
    QTP 9.2 下载&破解
    MacOS下使用VMware5 破解 安装win7 ISO 激活
    win7 原版下载&激活
    jQuery.ui autoComplete使用
    SubLime2 win + mac keygen
    为Chrome添加https搜索 自定义地址栏搜索引擎
    jQuery validate入门
    Bootstrap dropdown 使用
  • 原文地址:https://www.cnblogs.com/lindows/p/14390414.html
Copyright © 2011-2022 走看看