`

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

 

 

 

分享到:
评论

相关推荐

    js-base64-3.7.5.tgz

    "js-base64-3.7.5.tgz" 是一个JavaScript库的压缩包,主要功能是实现Base64编码和解码。Base64是一种用于在网络上传输二进制数据的方法,它将二进制数据转换为ASCII字符串,便于在不支持二进制传输的协议(如早期的...

    js实现base64加密

    &lt;script src="jquery.base64.js"&gt;&lt;/script&gt; // 对字符串进行Base64编码 var originalString = "Hello, World!"; var encodedString = $.base64_encode(originalString); // 输出编码后的字符串 console.log...

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

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

    jquery.base64.js及使用方法

    "jquery.base64.js"是一个JavaScript库,它为jQuery提供了一种方便的方式来实现Base64编码和解码,从而帮助开发者在URL中安全地传递这些数据。在本文中,我们将深入探讨Base64编码的概念,以及如何使用jQuery与这个...

    base64js文件

    1. 引入库:在HTML中通过`&lt;script&gt;`标签引入`base64js.js`,或者在Node.js环境中使用`require`导入。 2. 编码:创建Uint8Array,然后调用`base64js.encode`。 3. 解码:接收Base64字符串,调用`base64js.decode`,...

    base62.js:base62编码的代码库

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

    javascript中BASE标签作用

    在HTML文档中,`&lt;base&gt;`标签必须位于`&lt;head&gt;`标签内,并且在任何可能引用外部资源的元素(如`&lt;a&gt;`、`&lt;img&gt;`、`&lt;link&gt;`、`&lt;script&gt;`等)之前出现。这是因为`&lt;base&gt;`标签所定义的基准URL将被用来解析这些元素中的相对...

    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...

    jq_base64.js

    "jq_base64.js"是基于jQuery的一个Base64编码库,它简化了JavaScript中对Base64编码的操作,解决了前后端交互时可能出现的乱码问题。本文将深入探讨jQuery Base64库的使用方法以及其在实际项目中的应用。 一、...

    H5移动端Base64压缩图片

    在这个过程中,首先需要创建一个`&lt;canvas&gt;`元素,然后通过JavaScript的`HTMLCanvasElement`接口获取其2D渲染上下文,即`canvas.getContext('2d')`。接下来,可以调用`drawImage()`方法将图片加载到canvas上。 代码...

    3des加密解密base64编码解码完全与ASP.NET,JAVA,兼容的js

    在`IA300ServerScript.html`文件中,很可能包含了示例代码或者一个简单的交互界面,用于演示3DES加密解密和Base64编码解码的功能。使用者可以通过这个HTML页面测试和验证JavaScript代码的正确性和兼容性。 总之,这...

    jquery.base64.js.7z

    总之,`jquery.base64.js`为JavaScript开发者提供了便利的Base64编码和解码工具,特别适合处理中文内容。在实际项目中,根据具体需求灵活运用,可以提高代码效率,优化用户体验。在阅读和使用`yckart-jquery.base64....

    base编码解码工具.zip

    Base85编码源自PostScript和PDF文档格式,用于更高效地编码长的二进制数据。它使用85个字符(0-9, A-Z, a-z, 和'!', '*', '+', '-', '/', ':'),每个字符代表5位二进制,这样每个4字节的二进制块可以编码为5个Base...

    前端图片压缩base64后台还原图片

    在JavaScript中,可以使用`btoa`函数将二进制数据编码为base64,用`atob`函数将base64字符串解码回原始二进制数据。 三、后台还原图片 将前端压缩并编码的base64图片发送到服务器后,后台需要进行解码和保存操作。...

    java script js 函数大全

    ### Java Script (JS) 函数大全:基础知识概览 #### 一、JavaScript 概述与基本函数 在探讨具体的 JavaScript 函数之前,我们先来了解一下 JavaScript 的基础概念及其在网页开发中的作用。JavaScript 是一种轻量级...

    cropper裁剪上传通过canvas获取base64

    `Cropper.js`是一个强大的JavaScript库,专门用于图像裁剪。本篇文章将深入探讨如何使用`Cropper.js`进行图片裁剪,并通过Canvas获取Base64编码,以便将裁剪后的图像数据提交到后端接口。 首先,我们需要了解`...

    jquery > base64

    &lt;script src="path/to/jquery.base64.js"&gt;&lt;/script&gt; ``` 2. 编码与解码:在JavaScript中,我们可以直接使用jQuery对象提供的`.base64_encode()`和`.base64_decode()`方法进行Base64操作。 ```javascript var data ...

    JavaScript Base64 作为文件上传的实例代码解析

    【JavaScript Base64 文件上传详解】 在Web开发中,文件上传是一个常见的需求,尤其是在涉及到图像、文档等资源的交互时。然而,有时我们得到的文件数据是以Base64编码的形式存在,例如通过某些图片裁剪插件处理后...

    在vue中使用Base64转码的案例

    在Vue.js开发中,有时我们需要对数据进行Base64编码或解码,这通常涉及到数据传输、加密或者处理特定格式的资源。Base64是一种用64个字符(A-Z, a-z, 0-9, + 和 /)来表示二进制数据的编码方式,用于在网络上传输二...

Global site tag (gtag.js) - Google Analytics