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 阅读(30) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

【推荐】还在用 ECharts 开发大屏？试试这款永久免费的开源 BI 工具！
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步

编辑推荐：
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露

阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义