JavaScript来实现打开链接页面的简单实例

在页面中的链接除了常规的方式以外，如果使用javascript，还有很多种方式，下面是一些使用javascript，打开链接的几种方式：

1.使用window的open方法打开链接，这里可是在制定页面中打开链接，也可以定制打开页面的尺寸等等。

<a href=”javascript:window.open(‘http://www.jb51.net','_self') “> open a link 1</a><br/>

2.使用document.URL属性来打来新的页面。不够这种方法似乎在firefox中不起作用。

<a href=”javascript:document.URL = ‘http://www.jb51.net' “> open a link 2</a><br/>

3.使用location的属性href来打开链接。

<a href=”javascript:window.location.href='http://www.jb51.net'”> open a link 3 </a><br/>

4.使用location的方法assign来打开链接，这个效果和前面一种方式一样。

<a href=”javascript:window.location.assign(‘http://www.jb51.net')”> open a link 4</a><br/>

5.使用location的方法replace来打开链接，和前面的assign方式稍有不同，其不同之处在于，使用replace时被替代掉的页面的URL将不会进入history对象中，也就是说无法通过后退的方式来回到被替换的页面。

<a href=”javascript:window.location.replace(‘http://www.jb51.net')”> open a link 5</a><br/>

6.正常的链接,当然这才是对搜索引擎最为友好的方式，也可以做指定链接打开的窗口。只有这样才能使被链接的页面被搜索引擎的蜘蛛所有抓取。

<a href=”http://www.jb51.net”> open a link 5</a><br/>

以上这篇JavaScript来实现打开链接页面的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • JavaScript实现打开链接页面的方式汇总

    在页面中的链接除了常规的方式以外,如果使用javascript,还有很多种方式,下面是一些使用javascript,打开链接的几种方式: 1.使用window的open方法打开链接,这里可是在制定页面中打开链接,也可以定制打开页面的尺寸等等. <a href="javascript:window.open('http://www.google.com','_self') "> open a link 1</a><br/> 2.使用document.U

  • javascript 实现双击才能打开链接的方法

    [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • js实现一个链接打开两个链接地址的方法

    本文实例讲述了js实现一个链接打开两个链接地址的方法.分享给大家供大家参考.具体如下: <script type="text/javascript"> <!-- function adClick(ad, site) { window.open(ad); window.location = site; } --> </script> <a href="javascript:adClick('http://www.163.com/','h

  • Javascript控制页面链接在新窗口打开具体方法

    第一个方法就是用jquery实现,原理是这样的先找到站点中的外部链接,然后再给链接加上target=_blank"属性就搞定了,代码如下:jquery在新窗口打开  复制代码 代码如下: $("a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])").addClass(

  • 利用JS自动打开页面上链接的实现代码

    在这里做一下简单记录,防止自己忘记. 下面是实现自动点击打开链接的主要函数,功能不再细说,防止太多人滥用,有心的人一看就会明白,改把改把就是一个邪恶的程序: 复制代码 代码如下: function randopen() { var len = $("#urllist option").length; var num = 10; for(i=1; i<=num; i++) { randnum = Math.random()*len; zn = Math.round(randnum)

  • JavaScript来实现打开链接页面的简单实例

    在页面中的链接除了常规的方式以外,如果使用javascript,还有很多种方式,下面是一些使用javascript,打开链接的几种方式: 1.使用window的open方法打开链接,这里可是在制定页面中打开链接,也可以定制打开页面的尺寸等等. <a href="javascript:window.open('http://www.jb51.net','_self') "> open a link 1</a><br/> 2.使用document.URL

  • 使用JavaScript实现弹出层效果的简单实例

    使用JavaScript实现弹出层效果的简单实例

    声明 阅读本文需要有一定的HTML.CSS和JavaScript基础 设计 实现弹出层效果的思路非常简单:将待显示的内容先隐藏,在触发某种条件后(如点击按钮),将原本隐藏的内容显示出来. 实现 <!DOCTYPE html> <html> <head> <title>Window对象</title> <meta charset="utf-8"> </head> <body> <a hr

  • 纯html+css+javascript实现楼层跳跃式的页面布局（实例代码）

    纯html+css+javascript实现楼层跳跃式的页面布局（实例代码）

    实现效果演示: 实现代码及注释: <!DOCTYPE html> <html> <head> <title>楼层跳跃式的页面布局</title> <meta charset="utf-8"> <style type="text/css"> *{ margin: 0; padding: 0; } body, html{ height: 100%; } ul{ list-style: n

  • jsp登录页面的简单实例 雏形

    jsp登录页面的简单实例 雏形

    jsp登录页面的简单实例 雏形 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.d

  • JavaScript实战(原生range和自定义特效)简单实例

    今天我又码了两个特效:一个是用原生input[type=range]的,另一个完全自定义的:下面是完整代码和演示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> #tip{ position: absolute; top: 30px; left: 0; ri

  • JavaScript判断数组是否存在key的简单实例

    JS中复合数组associative array和对象是等同的,判断一个key是否存在于数组中(或对象是否包含某个属性),不能使用ary[key] == undefined,因为可能存在ary = {key:undefined};正确的方法应该为: ary.hasOwnProperty(key); 或 obj.hasOwnProperty(key); 另外使用key-value pair对复合数组或对象进行loop的时候应该使用: for(var key in ary) { document.w

  • javascript实现任务栏消息提示的简单实例

    javascript实现任务栏消息提示的简单实例 <html> <body onload="blurFunc();"> <script> function blurFunc() { setTimeout("setTitle1()","1000"); } var flag=0; var id = setTimeout("setTitle1()","1000"); var i

  • JavaScript中sharedWorker 实现多页面通信的实例详解

    JavaScript中sharedWorker 实现多页面通信的实例详解

    是这样的,今天玩github,先是在没有登录浏览了一些页面,然后在某一页面进行了登录.这时再切换的其他页面时就看到了下面的提示: 那么这是怎么做到的呢?我们可以想到,一种办法是 localStorage,在某一个页面登录时,修改localStorage 状态,其他页面在显示的时候,读取最新的状态,然后显示提示: // 登录的页面 localStorage.setItem('login', true): // 其他页面 document.addEventListener("visibilitych

  • php实现登录页面的简单实例

    php实现登录页面的简单实例

    开始自然是从最简单的功能起步,我第一个任务选择了做一个登录操作,其实也没想象中那么简单. 1.首先自然是连接和创建数据库 这部分我写在model.php中 $userName='root'; $passWord=''; $host='localhost'; $dataBase='login'; //创建连接 $conn=mysqli_connect($host,$userName,$passWord,$dataBase); 2.写前台页面,为了熟练前端框架,使用layui框架界面,前面有一段js

随机推荐