技法68 (◐‿◑) 打开新页面 | 【新征程】

不二如是

                               
登录/注册后可看大图

按照提示，完成代码，秀秀你的编程能力！

不许看答案，否则打屁屁

---

分析：

        在日常的项目中，最常用的效果就是打开新页面。

        例如：在鱼C点开你关注的页面就会跳转到那里。

        在HTML代码中，通过<a>标签即可实现不同B格的跳转功能，那么Js中是如何实现的呢？   

---

Code：

HTML：

1. <h2>打开新页面</h2>
   
2.     <input id='openNewPage' data-href='http://www.fishc.com/' type="button" value="鱼C官网" />

复制代码

JS：

1. <script type="text/javascript">
   
2.     window.onload = function(){
   
3.         var openNewPage = function(e){
   
4.             /*
   
5.              在原来的窗口中，直接跳转至目标页面
   
6.              window.location.href="将要跳转的页面";
   
7. 
   
8.              在新窗口中打开页面
   
9.              window.open('将要跳转的页面');
   
10.              window.history.back(-1);返回上一页
    
11. 
    
12.              通过指定的URL替换当前的页面及缓存内容，导致跳转页面后没有后退功能
    
13.              window.location.replace("将要跳转的页面")
    
14. 
    
15.              通过文档头META跳转： CONTENT 后面的阿拉伯数字是代表过几秒中钟转入目标网页，URL是目标地址
    
16.              <META HTTP-EQUIV="Refresh" CONTENT="0;URL= "将要跳转的页面">
    
17.              */
    
18.             e.onclick = function(){
    
19.                 window.location.href = this.getAttribute('data-href');//通过第一条的方式跳转页面
    
20.             }
    
21.         }
    
22.         openNewPage(document.getElementById("openNewPage"))
    
23.     };
    
24. </script>

复制代码

---

请按照自己的理解订正对概念的认知

代码说明（秀智商） ：

游客，如果您要查看本帖隐藏内容请回复

---

回顾：

技法67 (&#9680;&#8255;&#9681;) 使用instanceof验证对象的构造函数

---

源代码： index.zip (904 Bytes, 下载次数: 8, 售价: 5 鱼币)

2017-10-28 22:18 上传

点击文件名下载附件

---

○面试题索引贴●

如果喜欢，请订阅 ：

HTML5 - 庖丁解牛 + JavaScript - 庖丁解牛

如果喜欢，别忘了评分 ：

                               
登录/注册后可看大图

小甲鱼

小而美的代码~

sunbocheng

赞

Ruide

Merci.

mhb789456

看看代码

dsa159245

6666666666666666

jay6697117

666

MSK

我使用jQ

sjh13140

111

凌乱大帅比

呃呃呃呃呃

a211827754

答案掳走

SKR

0

是菠萝不是萝卜

？

cupbbboom

kanbudong

2506846774

水中望月

看看

a641743376

???

Pe_ka

kankan

小柒启

打卡打卡

changzuo

......