JavaScript动态链接问题？
[英]Javascript dynamic link issues?
问题描述
There might be a duplicate of this (I've tried checking questions on creating dynamic links but they reference a static link - I want this link to be hidden from the user). 
可能有重复的内容（我尝试过检查有关创建动态链接的问题，但它们引用的是静态链接-我希望对用户隐藏此链接）。 On testing the following code on the ww3 site: 在ww3网站上测试以下代码时：
<!DOCTYPE html>
<html>
<body>
<script type="text/javascript">
document.write("<a href="www.google.com">Google</a>");
</script>
</body>
</html>
I get: 我得到：
http://www.w3schools.com/jsref/%22www.google.com%22
As the link address rather than www.google.com. 作为链接地址，而不是www.google.com。
How do I correct this problem? 我该如何解决这个问题？ And how do I make it so the link only appears after a set time? 以及如何使链接仅在设置的时间后出现？ Note, this is a simplified version of the code for readability (the dynamic link will including two floating point variables assigned at the time the script is run). 请注意，这是代码的简化版本，以提高可读性（动态链接将包括在运行脚本时分配的两个浮点变量）。
4 个解决方案
解决方案1
3 2012-08-18 21:08:43
An <a> tag's href must include the protocol http:// , otherwise it links to a document relative to the page the link is on: <a>标记的href必须包含协议http:// ，否则它链接到相对于链接所在页面的文档：
// Print quote literals, not html entities `"`
document.write("<a href='http://www.google.com'>Google</a>");
The use cases for document.write() are often limited since it can't be used after the page has loaded without overwriting the whole thing. document.write()的用例通常是有限的，因为在页面加载后不能覆盖整个内容而不能使用它。 A lot of the time you will want to create the element after the page has already rendered. 很多时候，您需要在页面呈现后创建元素。 In that case, you would use document.createElement() and appendChild() . 在这种情况下，您将使用document.createElement()和appendChild() 。
// Create the node...
var newlink = document.createElement('a');
newlink.href = 'http://www.google.com';
// Set the link's text:
newlink.innerText = "Google";
// And add it to the appropriate place in the DOM
// This just sticks it onto the <body>
// You might, for example, instead select a specific <span> or <div>
// by its id with document.getElementById()
document.body.appendChild(newlink);
By the way, w3schools is not affiliated with the W3C , and their examples are generally not recommended since they are often out of date or incomplete. 顺便说一下，w3schools不隶属于W3C ，并且通常不建议使用它们的示例，因为它们经常过时或不完整。
解决方案2
2 已采纳 2012-08-18 21:10:23
You have 2 issues: 您有2个问题：
1) You need http:// before the URL so it's: http://www.google.com 2) You don't need to use quotes in document.write, but if you want to you can do one of these 3: 1）您需要在URL之前添加http:// ，以便它是： http : //www.google.com 2）您不需要在document.write中使用引号，但是如果您愿意，可以使用以下三种方法之一：
document.write('<a href="http://www.google.com">Google</a>');
document.write("<a href='http://www.google.com'>Google</a>");
document.write("<a href=http://www.google.com>Google</a>");
解决方案3
1 2012-08-18 21:08:43
使用斜杠“ \\”转义引号
解决方案4
0 2012-08-18 21:09:34
To make the link absolute, include the "http://" at the start of the url. 要使链接绝对，请在URL的开头包含“ http：//”。 Write out: 写出：
<a href="http://www.google.com">
instead of 代替
<a href="www.google.com">
The second example will be treated as a relative url, like index.html for example. 第二个示例将被视为相对网址，例如index.html 。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.