点击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.