40条必会JavaScript onclick事件示例：网页制作神器

需积分: 10 37 浏览量更新于2024-11-10 收藏 4KB TXT 举报

在网页制作过程中，JavaScript 是一种强大的客户端脚本语言，它广泛应用于动态网页交互、用户界面控制和数据验证等场景。"onclick" 属性是 JavaScript 中一个非常重要的事件处理程序，当用户点击特定元素时，会触发相应的函数执行。本文档列出了最常用的40条 JavaScript onclick 语句，帮助开发者在构建网页时快速实现功能。 1. 使用 `<input>` 的 onclick 属性，可以设置点击按钮后跳转到指定页面，如第1条代码中的 `onclick="javascript:window.location.href='http://localhost/km1/t.htm'"`，这会将用户导向 "t.htm" 页面。 2. 第2和3条代码展示了如何利用 `document.all.WebBrowser.ExecWB()` 方法来执行浏览器的命令，例如执行打印（1号参数为1表示打印）或另存为（4号参数为1表示另存为HTML）。这对于操作浏览器功能有特殊需求的网页设计者非常实用。 3. 第4条代码的 `window.location.reload()` 是用于刷新当前页面，当用户点击 "ˢ" 按钮时，页面内容会重新加载。 4. 第5条代码通过 `window.external.ImportExportFavorites` 调用浏览器的收藏夹功能，允许用户导入或导出网页至收藏夹，提供了便捷的用户体验。 5. 第6条和第8条代码分别实现了添加收藏（`AddFavorite` 函数）和显示浏览器管理界面（`ShowBrowserUI` 函数），与收藏相关的操作。 6. 第7条代码展示了调用浏览器的导入/导出书签功能，根据传入的布尔值（true 或 false）控制操作的类型。这些 onclick 语句体现了JavaScript在网页交互中的灵活运用，通过精确控制用户的动作，提升网页的可用性和功能性。学习和理解这些常见的onclick语句，对于网页开发者来说，不仅可以提高开发效率，还能确保网页行为符合用户的期望。在实际应用中，开发者应根据项目需求选择合适的事件处理方式，并注意兼容性和安全性问题。同时，随着现代前端技术的发展，JavaScript 的新特性如箭头函数、Promise和异步编程也将对onclick的使用产生影响，持续学习和更新技能是必不可少的。

input javascript 之 onclick 大全
0. <input type="button" name="Button" value="链接名称" onclick="javascript:window.location.href='http://localhost/km1/t.htm'">
1. <INPUT onclick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开 name=Button1>
2. <INPUT onclick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为 name=Button2>
3. <INPUT onclick=document.all.WebBrowser.ExecWB(10,1) type=button value=属性 name=Button3>
4. <INPUT onclick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印 name=Button>
5. <INPUT onclick=document.all.WebBrowser.ExecWB(8,1) type=button value=页面设置 name=Button4>
6. <INPUT onclick=window.location.reload() type=button value=刷新 name=refresh>
7. <INPUT onclick="window.external.ImportExportFavorites(true,'');" type=button value=导入收藏夹 name=Button5>
8. <INPUT onclick="window.external.ImportExportFavorites(false,'');" type=button value=导出收藏夹 name=Button32>
9. <INPUT onclick="window.external.AddFavorite(location.href, document.title)" type=button value=加入收藏夹 name=Button22>
10. <INPUT onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)" type=button value=整理收藏夹 name=Submit2>
11. <INPUT onclick='window.location="view-source:" + window.location.href' type=button value=查看源文件 name=Button7>
12. <INPUT onclick="window.external.ShowBrowserUI('LanguageDialog', null)" type=button value=语言设置 name=Button6>
13. <INPUT onclick="document.execCommand('Cut')" type=button value=剪切>
14. <INPUT onclick="document.execCommand('Copy')" type=button value=拷贝>
15. <INPUT onclick="document.execCommand('Paste')" type=button value=粘贴>
16. <INPUT onclick="document.execCommand('Undo')" type=button value=撤消>
17. <INPUT onclick="document.execCommand('Delete')" type=button value=删除>
18. <INPUT onclick="document.execCommand('Bold')" type=button value=黑体>
19. <INPUT onclick="document.execCommand('Italic')" type=button value=斜体>
20. <INPUT onclick="document.execCommand('Underline')" type=button value=下划线>
21. <INPUT onclick="document.execCommand('stop')" type=button value=停止>
22. <INPUT onclick="document.execCommand('SaveAs')" type=button value=保存>
23. <INPUT onclick="document.execCommand('Saveas',false,'c:\\test.htm')" type=button value=另存为>
24. <INPUT onclick="document.execCommand('FontName',false,fn)" type=button value=字体>
25. <INPUT onclick="document.execCommand('FontSize',false,fs)" type=button value=字体大小>
26. <INPUT onclick="document.execCommand('refresh',false,0)" type=button value=刷新>
27. <INPUT onclick=window.location.reload() type=button value=刷新>
28. <INPUT onclick=history.go(1) type=button value=前进>

下载后可阅读完整内容，剩余1页未读，立即下载

随波逐流难

粉丝: 1
资源: 4

40条必会JavaScript onclick事件示例：网页制作神器

JavaScript基础知识概述：嵌入方式、事件驱动和控制语句

JavaScript语法与应用详解

JavaScript入门与应用探索

Javascript等网页基础知识

DHTML手册chm(html,javascript必备)

JavaScript.docx

JavaScript-Basics

JavaScript基础知识

不错的一本javascript教材

javascript基础教程 很有用的

最新资源

javascript基础教程很有用的