0

所以，我一直在 jsfiddle 中摆弄这个重定向生成器，得到了我想要的。我正在尝试用它创建一个 html 页面，但我无法让它工作。 http://jsfiddle.net/wVUhN/2/

我对 jquery 还是很陌生。我的 redirect.html 页面代码。

<html>
<head>
<title>Redirect Test</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"></script>
<script type="text/javascript">
$("#submit").click(function(){
    theurl = $("#theurl").val();
    $("textarea#newvalue").val('<html><head><meta HTTP-EQUIV="Refresh" CONTENT="0; URL="'+theurl+'"></head><body>This page has been moved.<p><a href="'+theurl+'">IF YOU ARE NOT REDIRECTED, PLEASE CLICK HERE.</a></body></html>');    
});
</script>
</head>
<body>

<input type="text" id="theurl" placeholder="enter URL" /><button id="submit">Create Redirect</button>
<br>
<textarea id="newvalue"></textarea>


</body>
</html>

直播网址：http ://buildlinux.com/frontline/redirect.html

4

2 回答 2

3

您应该将代码放在文档就绪处理程序中：

$(document).ready(function(){
  // ...
})

或者，更短的方法：

$(function () {
    $("#submit").click(function () {
        theurl = $("#theurl").val();
        $("textarea#newvalue").val('<html><head><meta HTTP-EQUIV="Refresh" CONTENT="0; URL="' + theurl + '"></head><body>This page has been moved.<p><a href="' + theurl + '">IF YOU ARE NOT REDIRECTED, PLEASE CLICK HERE.</a></body></html>');
    });
});
于 2013-03-13T00:39:25.207 回答
0

<body>只需在(before )的末尾添加自定义脚本 </body>，或者使用 .onload 来完成。它适用于 JSfiddle，因为默认设置了 onLoad 选项。

于 2013-03-13T00:41:11.933 回答