HTML input事件详解：打造Web浏览器控制功能

需积分: 14 107 浏览量更新于2024-09-18 收藏 4KB TXT 举报

"这篇文档主要汇总了在Web开发中经常使用的`<input>`事件，特别是与浏览器交互相关的功能，如打开、保存、属性查看、打印、页面设置等操作。此外，还包括刷新页面、导入导出书签、添加收藏、查看源代码等功能的实现方式。这些事件通常用于创建自定义的浏览器工具栏按钮，以增强用户交互体验。" 在Web开发中，`<input>`元素是HTML中用于创建表单控件的重要部分。它允许用户输入数据或者触发某些动作。这里提到的事件是通过`onclick`属性来定义的，当用户点击这些按钮时，会执行相应的JavaScript代码。 1. `<INPUT onclick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开 name=Button1>`：这个事件用于打开一个新的网页。`ExecWB`方法是用于调用IE浏览器的WebBrowser控件的，参数1表示执行打开操作，参数1表示不显示对话框直接执行。 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>` 和 `<INPUT onclick="window.external.ImportExportFavorites(false,'');" type=button value=导出书签 name=Button32>`：这两个事件分别用于导入和导出用户的浏览器书签。 8. `<INPUT onclick="window.external.AddFavorite(location.href,document.title)" type=button value=添加收藏 name=Button22>`：这个事件允许用户将当前页面添加到他们的收藏夹中。 9. `<INPUT onclick="window.external.ShowBrowserUI('OrganizeFavorites',null)" type=button value=管理收藏夹 name=Submit2>`：此事件会打开浏览器的收藏夹管理界面，让用户可以编辑和组织他们的收藏项。 10. `<INPUT onclick='window.location="view-source:"+window.location.href' type=button value=查看源代码 name=Button>`：这个事件会打开一个新的窗口或标签，显示当前页面的HTML源代码。这些`<input>`事件的使用极大地扩展了网页的功能性，让开发者能够创建出更加互动和个性化的用户界面。在实际开发中，理解并熟练运用这些事件，可以提升用户体验，并且使得网页更符合用户的需求。

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=前进>
29.<INPUT onclick=history.go(-1) type=button value=后退>
30.<INPUT onclick=history.forward() type=button value=前进>

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

casolina

粉丝: 6

HTML input事件详解：打造Web浏览器控制功能

input按钮的事件处理大全

WEB前端开发常用英语单词和语句汇总

input按钮onclick事件大全

web开发常用到的js事件.pdf

web开发---html标签大全

Web前端开发详细教程, Web前端开发代码大全, 包含各种框架详解

js各种限制input输入汇总

java中web标签大全

Web前端开发规范.pdf

B/S模式项目中常用的javascript汇总

最新资源