`
jslfl
  • 浏览: 321128 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

js按钮打开新窗口

    博客分类:
  • web
阅读更多
在按钮事件处理方法中,要是通过location.href=url,这样是在当前窗口内跳转,用window.open(url)的话,打开新窗口,但一般会被弹出窗口拦截程序拦截,也不方便,所以可以通过下面方式达到相同效果

html:
<a href="#" id="tagOpenWin" target="_blank" ></a>
<input id= "Submit6" type="button" value="打开" onclick="openWin()"/>

js:
function openWin(){
var obj = document.getElementById("tagOpenWin");  
obj.href = "http://www.baidu.com";
obj.click();
}
分享到:
评论

相关推荐

    js中用open方式打开新窗口向父窗口传值

    JS中用open方式打开新窗口向父窗口传值 在JavaScript中,使用`window.open()`方法可以打开一个新的浏览器窗口,这个方法可以实现子窗口向父窗口传值的操作。下面我们来详细解释这个过程。 首先,让我们回顾一下`...

    js中打开新窗口的各种方法.doc

    在JavaScript中,打开新窗口是常见的操作,常用于创建弹出窗口、对话框或实现特定交互。`window.open`函数是实现这一功能的核心方法。它接受三个参数:要打开的URL、新窗口的名称(可选)以及一个包含窗口属性的字符...

    JavaScript弹出新窗口并控制窗口移动到指定位置的方法

    JavaScript弹出新窗口并控制窗口移动到指定位置的方法知识点: 1. window.open()函数的使用:window.open()是JavaScript的一个内置函数,用于打开一个新的浏览器窗口或标签页。该函数一般包含三个参数:要加载的URL...

    window.open打开新窗口参数设置

    ### window.open 打开新窗口参数设置详解 在前端开发中,`window.open()` 方法是浏览器内置的一个功能,用于在JavaScript中打开新的浏览器窗口。本文将深入探讨如何使用 `window.open()` 方法及其参数设置,帮助...

    window.open打开新窗口,不被拦截的方法

    ### window.open打开新窗口,不被拦截的方法 在Web开发中,经常会有需求需要在一个新的浏览器窗口或标签页中打开链接或展示内容。这通常通过JavaScript的`window.open()`方法来实现。但是,在实际应用中,由于...

    Vue中在新窗口打开页面及Vue-router的使用

    Vue 中在新窗口打开页面是指在点击某个按钮或链接时,在新的浏览器窗口中打开一个页面,而不是在当前页面中打开。这种方式可以满足某些特殊的需求,如在点击某个按钮时,在新的浏览器窗口中打开一个统计页面。下面将...

    点击按钮弹出窗口

    这一功能使得用户可以通过点击特定的界面元素(如a标签)来打开一个新的小型网页窗口,通常用于显示详细信息、对话框或者进行特定的操作,而不离开当前页面。这种设计可以提供更好的用户体验,因为它允许用户在查看...

    打开新窗口的几种方法

    以上介绍了在ASP.NET中使用JavaScript脚本打开新窗口的六种常见方法。不同的应用场景可能需要选择不同的技术方案。开发人员应根据实际需求,结合各种方法的特点来选择最适合的方式。此外,还应注意安全性和用户体验...

    javascript 实现弹出小窗口

    - **核心概念**:本篇文章主要介绍了如何利用 JavaScript 的 `window.open()` 方法来实现弹出新窗口的功能。 #### 描述:JavaScript 实现弹出小窗口 - **重复强调**:在描述中重复了“JavaScript 实现弹出小窗口”...

    from表单新窗口打开并提交

    以上代码展示了如何使用JavaScript控制表单在新窗口中打开并提交。 总结一下,"from表单新窗口打开并提交"涉及的关键知识点包括:HTML表单的`&lt;form&gt;`元素,`target`属性设置新窗口提交,以及JavaScript对表单事件的...

    廷时弹出新窗口js代码

    在网页设计和开发中,有时需要使用JavaScript来实现一些交互效果,其中之一就是延时弹出新窗口的功能。这种技术常用于广告展示、通知提示或者页面跳转,它允许开发者控制用户何时以及如何看到一个新的浏览器窗口。...

    javascript经典特效---关闭窗口同时打开新窗口.rar

    在标题中提到的“javascript经典特效——关闭窗口同时打开新窗口”是一个常见的JavaScript应用场景,它涉及到浏览器窗口的操作。 在Web开发中,有时我们需要在用户执行某项操作(如点击按钮)时,关闭当前窗口并...

    asp.net中打开新窗口的多种方法

    2. **Response.Write("&lt;script&gt;window.open(XXX.aspx','_blank')&lt;/script&gt;")**:通过JavaScript的`window.open()`函数在新窗口中打开"XXX.aspx"。`_blank`参数指示在新窗口或新标签中打开页面,原窗口保持不变。 3....

    js按钮弹出窗口远程调用淘宝网登陆页面

    不过,由于`window.open()`方法允许跨域打开新窗口,所以这个问题在这个场景下不会成为障碍。 最后,"其他代码"标签可能意味着除了上述基本功能外,你的项目可能还包含了额外的代码,如错误处理、自定义对话框样式...

    js(javascript)子窗口和父窗口交互

    打开新窗口并传递数据 ```javascript function outPut() { // 获取当前输入框中的值 var text = document.abc.text.value; // 创建新窗口 var win = window.open("", "mywin", "menubar=no,width=400,height=...

    javascript打开静态子窗口

    `window.showModalDialog()` 方法是另一种用于打开子窗口的方式,该方法可以创建一个模态对话框,即新打开的窗口会阻止用户与主窗口进行交互,直到新窗口被关闭。这种方法非常适用于需要用户完成某些操作后才能继续...

    js按钮弹出窗口远程调用淘宝网登陆页面.zip

    【标题】"js按钮弹出窗口远程调用淘宝网登陆页面.zip" 提供了一个使用JavaScript技术实现的功能,即通过点击按钮在弹出窗口中打开淘宝网的登录页面。这一技术在网页交互设计中常见,主要用于增强用户体验,比如提供...

    JS关闭窗口弹出新窗口-关闭新窗口时-刷新父窗口-JS代码实现刷新网页-js实现弹出窗口代码收集集萃.pdf

    【JS关闭窗口弹出新窗口】 在JavaScript中,我们可以使用`window.open()`函数来创建一个新的浏览器窗口。这个函数的基本语法是`window.open(url, name, features)`。在这里,`url`是你要打开的页面的URL,`name`是新...

    javascript经典特效---打开无边窗口.rar

    总结起来,"javascript经典特效---打开无边窗口.rar"这个资源可能包含了一个使用JavaScript的`window.open()`方法创建可自定义大小和位置的新窗口的示例,这对于学习和理解JavaScript动态窗口效果有着很好的实践价值...

    javascript经典特效---按钮定制打开窗口.rar

    在JavaScript的世界里,"按钮定制打开窗口"是一个常见的交互效果,它涉及到网页动态效果的实现,主要用于提升用户体验。这个主题通常涵盖了几个关键知识点,包括HTML基础、CSS样式、JavaScript事件处理以及浏览器API...

Global site tag (gtag.js) - Google Analytics