JavaScript来实现打开链接页面的简单实例_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来实现打开链接页面的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索javascript
打开链接
javascript简单实例、javascript经典实例、javascript项目实例、javascript实例、javascript实例精通,以便于您获取更多的相关知识。

时间: 2024-09-08 20:52:26

JavaScript来实现打开链接页面的简单实例_javascript技巧的相关文章

JavaScript实现打开链接页面的方式汇总_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实现弹出层效果的简单实例_javascript技巧

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

javascript实现任务栏消息提示的简单实例_javascript技巧

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

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

今天我又码了两个特效:一个是用原生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获取多个数组的交集简单实例_javascript技巧

在项目中需要取得多个数组的交集,故本例只是适用于特定场景.比如A数组 var a = {1000,10001,10002,10003}; B数组 var b = {10002, 10003}; C数组var c = {10003}; 需要取得这三个数组的交集数组.      具体思路为:先初始一个最小数组为A数组,元素个数最小的也是数组A的长度.然后再迭代各个数组,取得这几个数组长度最短的为最小长度,同时得到长度最短数组.然后,迭代最小数组与各个数组,开始比较元素相等,使用计数器来判断是否该元素

Javascript实现倒计时(防页面刷新)实例_javascript技巧

话不多说,请看实例代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&q

JavaScript判断数组是否存在key的简单实例_javascript技巧

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.

JS控制静态页面之间传递参数获取参数并应用的简单实例_javascript技巧

在项目中遇到这也一个问题: 有a.html和b.html. 1.a页面已经打开,b页面尚未打开,我希望在a页面设置好一些列参数,比如背景色,宽度等参数,传递给b页面,好让b页面在打开就能应用. 2.a页面已经打开,b页面无论是否打开.在a页面需要获取到b页面的一些元素甚至变量,以便于应用到a页面. 注意:不涉及跨域问题. 想了很久,终于想到了解决方案. 第一个问题,我们可以利用html页面锚点的特性,将参数通过url传递给b页面 这是a页面代码: <button>跳转设置</button

js实现目录链接,内容跟着目录滚动显示的简单实例_javascript技巧

如下所示: <script> require(["jquery", "bootstrap"], function($) { $(function() { $('.left').height(($('body').height() > $(window).height()) ? $('body').height() : $(window).height()); }); var goTo = $(".con"); var guide