Question

这是javascript代码。

<script type="text/javascript">
        function myfunc()
        {
            var filmName = document.getElementById("mysearch-text").value;
            alert(filmName);
            if(filmName == "parker")
                 window.location.assign("http://www.google.com");
            else
                alert("hello");

        }       
    </script>

如果我输入任何其他字符串，我会收到“hello”警告，如果我输入“parker”页面“http://www.google.com”将不会被加载。为什么会这样？

修改的：好的，有人提到我删除了“http://www.google.com”并添加了“http://stackoverflow.com”，但它没有解决我的问题。我甚至无法加载位于同一目录中的本地html页面

if(filmName == "parker")
                 window.location.assign("index.html"); // also "./index.html" or ./index/html

即使这样也行不通。怎么了

我也有jquery库：即Jquery UI和Jquery

我认为这个问题需要更多信息。以下是最终修改

<!DOCTYPE html>
<html lang="en">
  <head>
  <meta charset="utf-8" />
  <!-- Other style and js libraries, including Jquery Ui and regular jquery -->

 <script>
   $(document).ready(function() {
    $(".youtube").fancybox();
   }); // end ready
</script>

<script>    
  $(document).ready(function(e) { 
    $('.tooltip').hide();
    $('.trigger').mouseover(function() {
    /* Rest of it, which is not necessary here */   
</script>

    <script type="text/javascript">
        function myfunc()
        {
            var filmName = document.getElementById("mysearch-text").value;
            alert(filmName); // for debugging
            if(filmName == "parker")
                 window.location.assign("index.html");
            else
                alert("hello");

        }       
    </script>

</head>
<body>
  <div id='mysearch-box'>
    <form  id='mysearch-form'>
      <input id='mysearch-text'  placeholder='' type='text'/><!-- Input here guys -->
      <button class = "none" id='mysearch-button' onclick = "myfunc()">Search</button>
     <!-- press this button after entering "parker" -->
    </form>
  </div>

<!-- Rest of the HTML page -->
</body>
</html>

Answer 1

我假设您使用表单onsubmit事件来调用myfunc，如果是这样，您必须通过return false;阻止默认行为（例如）

HTML：

<form id="form">
    <input type="text" id="mysearch-text">
    <input type="submit" value="Submit">
</form>

JS：

<script>
    window.onload = function () {
        document.getElementById("form").onsubmit = function () {
            var filmName = document.getElementById("mysearch-text").value;
            alert(filmName);
            if (filmName == "parker") window.location.href = "http://www.w3fools.com";
            else alert("hello");
            return false; //prevent the default behavior of the submit event
        }
    }        
</script>

Answer 2

我已经测试了以下解决方案，它运行良好：

setTimeout(function(){document.location.href = "page.html;"},500);

window.location.assign（“link”），无效

2 个答案: