我想创建一个Javascript文件来执行以下操作:
将当前链接传递到其他页面
单击在JavaScript文件中动态创建的超文本或图像以重定向
我只是想在html主体中有一个Javascript链接,而不是其他相同的东西:
<div>
<script type="text/javascript" src="JScript.js"></script>
</div>
在JavaScript文件中,有以下这些内容:
var DivTag = document.createElement("Div");
DivTag.setAttribute('ID', 'MyDivTagID');
$(document).ready(function () {
$("$MyDivTagID").click(function(e) {
window.location = "http://www.MyLink.com/?Url=" + window.location;
});
});
这是行不通的。请帮我。
最佳答案
几个问题
您从未将div添加到页面
您使用$而不是#来通过ID访问div
您不会始终使用jQuery
普通JS:DEMO HERE
window.onload=function () {
var DivTag = document.createElement("div");
DivTag.setAttribute('id', 'MyDivTagID');
DivTag.innerHTML="Click";
DivTag.onclick = function(e) {
window.location = "http://www.MyLink.com/?Url=" + escape(window.location.href);
}
document.body.appendChild(DivTag);
}
使用链接的图片:
window.onload=function () {
var DivTag = document.createElement("div");
DivTag.setAttribute('id', 'MyDivTagID');
var anchor = document.createElement("a");
anchor.href="#";
anchor.onclick = function(e) {
window.location = "http://www.MyLink.com/?Url=" + escape(window.location.href);
}
var img = document.createElement("img");
img.src="image.gif";
img.style.border="0";
anchor.appendChild(img);
DivTag.appendChild(anchor);
document.body.appendChild(DivTag);
}
jQuery:DEMO HERE
$(document).ready(function () {
$('body').append('<div id="MyDivTagID">Click</div>');
$("#MyDivTagID").click(function(e) {
window.location = "http://www.MyLink.com/?Url=" + escape(window.location.href);
});
});
关于javascript - 通过点击重定向到具有javascript中的值的其他页面,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/7449068/