点击html按钮时没有加载document.location。

问题描述 投票:0回答:2

我有一个问题,当我在visiual studio中点击运行,然后我点击"[]"按钮。https:/www.coursera.orglearnduke-programming-web][1] 编程基础与JavaScript、HTML和CSS

corsera网站是否会打开。但是当我在codepen.io中做这个编码时,我点击按钮,网站就打不开了。

为什么会出现这种情况?`

如果我点击visiual studio的按钮,那么corsera网站就会打开,但是如果我从网站上做编码,那么corsera会拒绝,所以网站打不开?

    <html>

  <head>
    <meta charset="UTF-8">

    <title>Curriculum Vitae</title>
  </head>

  <body>

      <em><h1><b><p>Curriculum Vitae:</p></b></h1></em>

    <br>
    <div>
         <h3>Photo:</h3>
        <img src="https://miro.medium.com/max/1400/1*l2AFc33U7grIeMML0a0unQ.jpeg"                   width="200px" height="150px">

   </div> 
   <div> 
       <h3><p>Contact details:</p></h3>
     <ul> 

       <li><h4>Name: &nbsp Alex Alex </h4></li>
       <li><h4>Email: &nbsp [email protected]</h4></li>
       <li><h4>Mobile number: &nbsp 005910280000</h4></li>
    </ul>  
      <hr>
      <b><h3>Education:</h3></b>
    <ol start="10">
      <li><h4> 2011-2014 &nbsp University education</li>
      <li><h4> 2008-2011 &nbsp high school </h4></li>
      <li><h4> 2005-2008 &nbsp Secondary education</h4></li>
      <li><h4> 2000-2005 &nbsp the basic education</h4></li>
    </ol>
    <hr>
   </div>  
   <div> 

      <em>Notes:</em>
     <div>      
      <p>For more cv you should to visit this <a href="https://www.myperfectcv.co.uk/cv-examples/simple-cv-sample" target="_parent">cv-website </a></p>
     </div>
    <div>
      for more hacks photos cklic the photo
      <a href="https://www.shutterstock.com/search/website%2Bhack" target="_Parent">
      <img src="https://image.shutterstock.com/image-photo/computer-hacker-cyber-attack-concept-600w-553688845.jpg" alt="Hack Photo" width="25" height="25">
      </a>
     </div> 

   </div> 

  <h2>Button as link</h2>
    <p> click the button to see corsera website</p>
    <button onclick=" document.location='https://www.coursera.org/learn/duke-programming-web'"> Programming Foundations with JavaScript, HTML and CSS</button>

  </body>


</html>

html css browser codepen
2个回答
0
投票

CodePen将在iFrame中呈现你的HTML页面。

有些网站会试图阻止。

其他网站的链接也可以工作。

例如,尝试像维基百科的链接。

 <button onclick="document.location='https://en.wikipedia.org/wiki/Intentionally_blank_page'"> Programming Foundations
        with JavaScript, HTML and CSS</button>

这不是你的代码问题,而是Codepen的问题 It's not your code issue, it's because of codepen. 祝你编码愉快!


0
投票

详细说明一下@foreza的回答,链接是可以用的,但是网站被屏蔽了,因为跨源请求共享(CORS),你可以阅读一下。此处

在codepen中,你试图从不同的源头请求一个网站,而这个网站阻止了跨源头请求.一个不阻止跨源头请求的网站,比如wikipedia,就可以工作,或者一个具有相同源头的网站(在这种情况下是codepen)也可以工作。

<button onclick="javascript:document.location='https://codepen.io/gpspake/pen/NWGevvj'"> Programming Foundations with JavaScript, HTML and CSS</button>

例如: https:/codepen.iogpspakepenNWGevvj。

在codepen中,右键点击检查,打开浏览器的开发者工具,然后点击网络选项卡,查看点击按钮时发送的请求。

© www.soinside.com 2019 - 2024. All rights reserved.