`
zhanshenny
  • 浏览: 260930 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript重载浏览器的默认行为

javascriptpreventdefault 
阅读更多
//防止发生默认浏览器行为的通用函数
function stopDefault(e) {
// 防止默认的浏览器行为(W3C)
if(e && e.preventDefault )
   e.preventDefault();
// IE中阻止浏览器行为的捷径
else
   window.event.returnValue = false;
}


实例代码：
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
window.onload = function() {
var iframe = document.getElementsByTagName("iframe");

var a = document.getElementsByTagName("a");

for( var i = 0; i < a.length; i++ ) {
a[i].onclick = function(e) {
iframe[0].src = this.href;
alert("yes");
return stopDefault(e);
};

}

function stopDefault(e) {
// 防止默认的浏览器行为(W3C)
if(e && e.preventDefault )
   e.preventDefault();
// IE中阻止浏览器行为的捷径
else
   window.event.returnValue = false;
}

}
  </script>
</head>
<body>
<iframe src="#"></iframe>
<div id="body">
<ul class="links">
<li>
<a href="/">Home</a>
</li>
<li><a href="http://www.baidu.com">baidu</a></li>
</ul>
</div>
</body>
</html>
分享到：
| javascript取消事件冒泡
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    template:Node.js + gulp 合并静态页模版，文件更新自动热重载。浏览器可预览目录下的页面

    template Node.js + gulp 合并静态页模版，文件更新自动热重载。浏览器可预览目录下的页面 使用的是ejs的语法....npm run dev 启动一个自动热重载的服务器，默认端口3000.浏览器可以预览目录下的页面 npm ru

    webpack-run-edge-extension:在Microsoft Edge上运行并构建扩展程序，并具有默认自动重载支持的文件更改功能

    具有零配置自动重载支持的Edge上运行您的浏览器扩展 打开一个新的Edge实例，其中已加载扩展。 默认情况下，manifest.json中声明的资源会自动重新加载，包括清单HTML页面中声明JavaScript和CSS。 此插件接受Edge做的...

    ufo:这是带有类和模块的javascript小游戏实现。 内部框架正在密集开发中。 现在没有游戏

    一个Javascript项目 此示例代码说明了如何实现基本类来为2D游戏创建最小的框架。 如图。 1-良好的分类图胜于任何一个词;） 还有目标场景游戏图，其中包含游戏中所有屏幕（从标题到播放场景）的所有未来场景实现。 ...

    ajaxAnywhere框架概念和使用.doc

    必要的时候，可以重载这些方法，以便满足个性化的需求。在aa.js文件的末端，AjaxAnywhere对象使用默认的构造方法完成对象实例化。 ajaxAnywhere = new AjaxAnywhere(); ajaxAnywhere.bindById(); 所以，所有引用aa....

    gulp-framework:前端 Gulp 框架，用于稍微简单的编译捆绑项目

    使用postcss和autoprefixer自动添加浏览器前缀（默认设置为最后 2 个版本） 使用browser-sync热重载的本地开发服务器 如何使用 Git 克隆或分叉存储库 npm install或npm i安装依赖项 gulp serve以在localhost:8080热...

    react-slingshot：具有Babel的React + Redux入门套件样板，热重载，测试，整理和内置的工作示例应用程序

    一个开始使用的命令-键入npm start以在默认浏览器中开始开发。 快速反馈-每次单击保存时，都会更改热重载和棉绒并运行自动测试。 一个命令行进行检查-所有反馈都显示在单个命令行上。 不再让JavaScript疲劳-...

    ember-cli-inject-live-reload:Ember CLI插件，可将实时重载脚本注入HTML内容

    这样，Ember CLI可以通知浏览器在JavaScript或样式更改后触发刷新。 配置 对于香草Ember CLI应用程序，不需要进行配置。 通过命令行参数或.ember-cli文件支持以下选项： 选项 目的 liveReload 在ember serve期间...

    livereactload-api:[OBSOLETE]用于LiveReactload浏览器集成的API

    默认情况下，许多流行的JS库都支持热重载。原料药// npm install --save livereactload-apivar lrApi = require ( 'livereactload-api' ).onReload（回调） 此方法设置事件侦听器，该事件侦听器在发生重载事件时...

    vip-boilerplate:出色的React模板

    一个开始使用的命令-键入npm start以在默认浏览器中开始开发。 快速反馈-每次单击保存时，都会更改热重载和棉绒并运行自动测试。 一个命令行进行检查-所有反馈都显示在单个命令行上。 不再让JavaScript疲劳-...

    react-redux-boilerplate

    一个开始使用的命令-键入npm start以在默认浏览器中开始开发。 快速反馈-每次单击保存时，都会更改热重载和棉绒并运行自动测试。 一个命令行进行检查-所有反馈都显示在单个命令行上。 不再让JavaScript疲劳-...

    DWR.xml配置文件说明书(含源码)

    默认的时候DWR将java void值转换成javascript的null值就是这样设置&lt;convert converter="null" match="void"/&gt;. 有时java.lang.Void也需要进行这样的转换,所以设置也是相似的...

    Smith-Kakehashi

    16n编辑器允许您从Web浏览器中编辑16n的配置。它与运行固件2.0.0及更高版本的16ns兼容。 16n编辑器是一个基于的Javascript应用程序。 建造要求 最新版本的node.js。 使用要求 作为WebMIDI应用程序，您需要一个可以...

    vue-neo4j:vue使用D3对neo4 j进行可视化-源码开发技术-其它

    默认端口是：8081 neo4j账号信息： 网址：bolt：// localhost 用户名：neo4j 密码：密码 启动服务 npm run dev并将您的Web浏览器指向http://localhost:8081 。 项目截图 目录结构 ├──index.html入口页面────...

    formationAngularJs:修正 angularJS 训练中使用的例子

    AngularJS 组件和应用程序的示例代码示例指令样品服务JSHint 实时重载（使用浏览器插件） 带有嵌套视图的 UI 路由器材料无需为您编写的每个 JavaScript 文件在 index.html 中添加脚本标记＃＃设置打开终端进入项目...

    ExtAspNet v2.2.1 （2009-4-1） 值得一看

    -使得Asp.net的控件ImageButton具有和Asp.net的Button控件类似的行为（Ajax提交）(feedback:261629698)。 +TabStrip增加GetAddTabReference和GetRemoveTabReference两个函数，用来向TabStrip控件动态增加删除Tab。...

    ExtAspNet_v2.3.2_dll

    -使得Asp.net的控件ImageButton具有和Asp.net的Button控件类似的行为（Ajax提交）(feedback:261629698)。 +TabStrip增加GetAddTabReference和GetRemoveTabReference两个函数，用来向TabStrip控件动态增加删除Tab。...

    reatc-redux-template

    一个开始使用的命令-键入npm start以在默认浏览器中开始开发。 快速反馈-每次单击保存时，都会更改热重载和棉绒并运行自动测试。 一个命令行进行检查-所有反馈都显示在单个命令行上。 不再让JavaScript疲劳-它...

    lalabooking2

    一个开始使用的命令-键入npm start以在默认浏览器中开始开发。 快速反馈-每次单击保存时，都会更改热重载和棉绒并运行自动测试。 一个命令行进行检查-所有反馈都显示在单个命令行上。 不再让JavaScript疲劳-...

    ionic-preact-capacitor-app：使用Ionic Framework Web组件运行Preact的电容器应用程序

    使用Ionic Framework Web组件运行电容器的电容器应用程序 这是什么 这只是使它正常工作的基本测试，我敢肯定有一些优化......使用默认命令在Web浏览器中运行 从本地主机运行以进行实时重载，请参阅capa

    hex-demo-motion:十六进制演示通过热重载移植到ES6并做出React

    默认情况下未启用此功能，因为据报道它会在Windows上引起问题。 如果您使用的是VM，这也可能很有用。缺少功能该样板有目的很简单，以显示React Hot Loader的最小配置。 对于真实项目，您需要为生产添加单独的配置，...

Magicbox
Global site tag (gtag.js) - Google Analytics