点击链接弹出javascript

时间:2015-08-20 19:17:24

标签: javascript jquery html

我想在我网站上的链接上弹出一个。 我希望pop有以下代码

<script data-cfasync=false src="//s.ato.mx/p.js#id=8135&type=popup&size=800x600&hourscap=1"></script>

和我的链接例如

`<a href="page.php">Click Me</a>`

我想当有人点击点击我链接时会出现弹出窗口。还请告诉我如何在滚动条上添加弹出窗口。

我正处于学习阶段。请指导我

1 个答案:

答案 0 :(得分:0)

将以下代码保存为.html.php文件,而不进行任何更改

<!DOCTYPE html>
<html>
<head>
<title>POPUP Demo</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
        $(function(){ 
          $("#btn").click(function(e){
              e.preventDefault();
              var newWindow = window.open("", "newWindow", "width=700");
              newWindow.document.write("<p>content of popup window</p><code>echo '<b>echo php</b>';</code>");
          });
        });
    </script>
</head>
<body>
    <a href="#" id="btn">Click me</a>
</body>
</html>