我想创建一个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/

10-09 20:27
查看更多