我有一个问题,当我在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:   Alex Alex </h4></li>
<li><h4>Email:   [email protected]</h4></li>
<li><h4>Mobile number:   005910280000</h4></li>
</ul>
<hr>
<b><h3>Education:</h3></b>
<ol start="10">
<li><h4> 2011-2014   University education</li>
<li><h4> 2008-2011   high school </h4></li>
<li><h4> 2005-2008   Secondary education</h4></li>
<li><h4> 2000-2005   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>
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. 祝你编码愉快!
详细说明一下@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中,右键点击检查,打开浏览器的开发者工具,然后点击网络选项卡,查看点击按钮时发送的请求。