`

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 onload="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 onload="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

 

 

 

分享到:
评论

相关推荐

    微信小程序require 引用 BASE64.JS 失败问题的分析解决

    有朋友问, 微信小程序require ('base64.js')文件时,会失败,,, # 分析 事实上,微信小程序require很多JS模块都有不兼容现象。。。先从base64.js这个模块入手吧。 调试出错点: ~~~~ (function(global) {  'use ...

    base62.js:base62编码的代码库

    script src =" base62.min.js " &gt; &lt;/ script &gt; 如果在Internet Explorer中使用,则base62.js需要使用Number.isSafeInteger : &lt; script src =" ...

    js-base64:JavaScript的Base64实现

    script src =" base64.js " &gt; &lt;/ script &gt; …或直接来自CDN。 在这种情况下,您甚至都不需要安装。 &lt; script src =" https://cdn.jsdelivr.net/npm/js-base64@3.6.0/base64.min.js " &gt; &lt;/ script...

    javascript中BASE标签作用

    javascript中base标签的使用

    ext 与javaScript的关系

    &lt;script type="text/javascript" src="../script/ext/adapter/ext/ext-base.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="../script/ext/ext-all.js"&gt;&lt;/script&gt; 具体的路径,大家根据自己机器上的路径来定。

    EXT中要用到的js包css包和images包

    EXT中要用到的js包css包和images包 在jsp页面中导入;... &lt;script language="JavaScript" src="js/ext-base.js"&gt;&lt;/script&gt; &lt;script language="JavaScript" src="js/ext-all.js"&gt;&lt;/script&gt; css标签要放在最前面

    javascript Base类 包含基本的方法

    代码如下: [removed] function Base(){} //根抽象类 Base.toBase=function(){ //将一个对象转化成Base类的实例的方法 return new Base(); } Base.inherit=function(parent){ //用于继承Base类的实例的方法 var F=...

    angular-base64:AngularJS 应用的 Base64 编解码服务

    script src =" js/angular-base64-codec.js " &gt; &lt;/ script &gt; 或使用缩小版本: &lt; script src =" js/angular-base64-codec.min.js " &gt; &lt;/ script &gt; 将模块base64Module作为依赖项添加到您的应

    extjs中文解决方案/Eclipse下的js和ext开发

    1. &lt;script type="text/javascript" src="&lt;%=contextPath%&gt;/public/js/ext-base.js"&gt;&lt;/script&gt; 2. &lt;script type="text/javascript" src="&lt;%=contextPath%&gt;/public/js/ext-all.js"&gt;&lt;/script&gt; 3. &lt;script type="text/...

    【JavaScript源代码】js实现上传图片到服务器.docx

     //多张图片上传multiple &lt;input type="file" id="file" multiple&gt; //原生提交按钮 &lt;input type="submit"&gt; javascript &lt;script&gt; // 定义一个接收转为base64图片的数组 let ArrayImg=[] var index = 0;...

    javascript实现base64 md5 sha1 密码加密

     在页面中引入base64.js文件,调用方法为: &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;base64加密&lt;/title&gt; [removed][removed] [removed] var b = new ...

    base-domain:简单的模块,可帮助构建领域驱动的设计

    基本域JavaScript(或建议使用CoffeeScript)中的域驱动设计框架。安装$ npm install -g base-domain概念基本域有助于更轻松地实践域驱动设计。 列出您所关注领域中的模型(以您自己的方式) 用基本域定义模型用基本...

    纯javascript前端实现base64图片下载(兼容IE10+)

    在chrome等新版浏览器中实现base64图片的下载还是比较容易的: 创建一个a标签 将a标签的href属性赋值为图片的base64编码 指定a标签的download属性,作为下载文件的名称 触发a标签的点击事件 但是这套逻辑在IE下...

    battery historian2.0 上传报错所需的JS和CSS文件

    &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"&gt;&lt;/script&gt; URL替换成“third-party/js...

    JS加密插件CryptoJS实现的Base64加密示例

    本文实例讲述了JS加密插件CryptoJS实现的Base64加密。分享给大家供大家参考,具体如下: 前面一篇《JS加密插件CryptoJS实现的DES加密》介绍了CryptoJS插件进行DES加密操作的方法,这里再来介绍一下...script src="js/e

    Javascript base64编码实现代码

    代码如下: /* * base64编码 */ var base64EncodeChars = “ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/”; var base64DecodeChars = new Array( -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1...

    CH2.Ajax 框架 支持加密(Base64/DES)和跨域(Jsonp)

    &lt;script type="text/javascript" src="Ajax/Ajax.js"&gt;&lt;/script&gt; // 配套的 js &lt;script type="text/javascript" src="Ajax/Handler.ashx"&gt;&lt;/script&gt; // 第 3 步中的一般处理程序(注意 url 中不带任何传参) 例...

    svg64:在Node和浏览器中将SVG转换为base64

    SVG64 随时随地将SVG转换为base64关于如果像我一样,在开发时使用了大量的SVG,则可能已经到了需要将SVG用作背景图像或嵌入到javascript文件中的地步。 唯一的方法是将SVG文件转换为base64字符串,然后在需要时使用...

    Vue项目pdf(base64)转图片遇到的问题及解决方法

    公司有个业务需求,要求后台传pdf的base64编码给前端,前端显示到界面上,后来在网上搜索了很多关于base64转pdf的...这里很多博客都是使用JavaScript原生的方法引入pdf.js,例如使用script标签引入外部的js脚本,或者直接把

    base-class-extend:BaseClass实用程序

    -npm 在JavaScript中定义类。 这个简单的模块提供了一个简单的Class函数,以简化JavaScript中的类定义。 支持getter / setter。...$ npm install base-class-extend 或者 &lt; script src =" http://lig

Global site tag (gtag.js) - Google Analytics