HTML中打开新页面的方法

方法一纯HTML:

<a href="http://www.cnblogs.com" target="_blank">博客园</a>

方法二使用 onclick

// HTML <a onclick="openUrl('http://www.cnblogs.com')">博客园</a>// js// 使用 'window.open()'<script type="text/javascript">function openUrl(url){window.open(url);}</script>

方法三使用 href="javascript:openUrl()"

// HTML<a href="javascript:openUrl('http://www.cnblogs.com')">博客园</a>

方法四直接使用 window.open()

<a onclick="window.open('http://www.cnblogs.com')">博客园</a>

方法五使用 id + onclick

// HTML<p id="btn">博客园</p>// js<script type="text/javascript">var btn = document.getElementById('btn');btn.onclick =function(){openUrl("http://www.cnblogs.com");};</script>

方法六使用 addEventListener()

// HTML<p id="btn">博客园</p>// js<script type="text/javascript">var btn = document.getElementById('btn');btn.addEventListener("click", function(e){openUrl("http://www.cnblogs.com");}, false);</script>

HTML中打开新页面的方法相关推荐

ajax无法open,ajax中打开新页面使用window.open方法被拦截的解决方法
$('.testA').unbind('click').bind('click',function(){ var result=""; $.ajax({ url:'http://l ...
WebBrowser中打开新页面
前几天写的网上订舱辅助系统,物流组反馈如果遇到意外情况,网站弹出交互新窗口,可是内容却看不到.测试后发现是由于新窗口打开在IE中,与当前会话失去了联系,所以要求重新登录,流程不能继续,要解决这个问题, ...
c#窗体应用程序链接本地html网页,C#实现Winform中打开网页页面的方法
本文实例讲述了C#实现Winform中打开网页页面的方法.分享给大家供大家参考.具体实现方法如下: 1.首先比较简单的我们知道有类似的方法如下 System.Diagnostics.Process.S ...
html在父窗口中打开新页面跳转,路由跳转、打开新窗口、跳转到新页面
基础不扎实,温故知新下方案一: getDescribe(id) { // 直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/describ ...
常用打开新页面的方法
1 最常用的打开方式 Respose.Write("<script language='javascript'>window.open('"+ url+"') ...
MUI-创建子页面打开新页面
本文主要简单讲述创建子页面和打开新页面的方法. 1.使用subpages:[{}],创建子页面,挡在mui.init()方法中 2.使用mui.openWindow({})打开新页面 3.实现如下效果 ...
vue 路由跳转页面打开新页面_vue-router跳转时打开新页面的两种方法
vue-router跳转时打开新页面的两种方法最近还是在痛苦的挣扎中挣扎吧记录一下在vue项目中如何实现跳转到一个新页面(一个比较简单又比较基础的问题了),有两个方法: 1.标签实现新窗口打开 ...
CefSharp中ChromiumWebBrowser打开新页面处理（_blank）
原文: CefSharp中ChromiumWebBrowser打开新页面处理(_blank) 版权声明:欢迎转载,但是请保留出处说明 https://blog.csdn.net/lanwilliam/ ...
vue中页面跳转传值_vue跳转方式（打开新页面）及传参操作示例
本文实例讲述了vue跳转方式(打开新页面)及传参操作.分享给大家供大家参考,具体如下: 1. router-link跳转 // 直接写上跳转的地址 link跳转 // 添加参数 // 参数获取 id ...

HTML中打开新页面的方法

HTML中打开新页面的方法相关推荐

最新文章

热门文章