Question

我对网络编程很陌生，但仍在尝试开发网站。我正在使用HTML和JavaScript来完成工作，但我真的陷入困境。在线查看一些示例，我可以创建一个确定/取消按钮。现在我尝试使用CSS创建相同类型的按钮，因为我不想在每个页面中编写相同的代码。是否可以将CSS用于此目的？如果是这样，有人可以告诉我该怎么做吗？

这是我对按钮的代码，顺便说一下，它的工作正常：

<html>
   <body>
     <script type="text/javascript">
        if (confirm("Press 'OK' to leave the Eternity Test, or 'Cancel' if you want to stay: "))
        {         
           window.location="http://google.com";
        }
        else
        {         
           window.location= "http://www.myWebPage.com";
        }
      </script>
   </body>
</html>

谢谢。

Answer 1

据我所知，你不能用css做这个，但你不需要它。您不必使用javascript在每个页面上编写相同的代码。您可以在页面中包含外部JavaScript文件，如下所示：

<script type="text/javascript" src="external.js"></script>

即使你说你没有太多经验，你也已经发现了DRY（不要重复自己）原则。

Answer 2

我认为你对你说实话有点困惑，在CSS中这样做会更难（将涉及使用div来隐藏/显示退出或停留的选项）。更简单的方法是：

您可以在javascript中创建一个函数，例如：

function closeWindow(){
   if (confirm("Press 'OK' to leave the Eternity Test, or 'Cancel' if you want to stay: "))
   {         
      window.location="http://google.com";
   }
      else
   {         
      window.location= "http://www.myWebPage.com";
   }
}

然后将其放入.js文件中，然后您可以使用this在任何页面上包含此文件，并在您希望的任何页面上调用它，例如：

<a href="javasctipt:closeWindow();">Close Window</a>

Answer 3

使用CSS无法完成此操作，但您可以将javascript放在外部文件中（例如，confirm.js），然后将其放在每个页面的底部，如下所示：


<html>
   <body>
     <script type="text/javascript" src="confirm.js"> </script>
   </body>
</html>

您的confirm.js看起来像：



if (confirm("Press 'OK' to leave the Eternity Test, or 'Cancel' if you want to stay: "))
{

     window.location="http://google.com";
}
else
{

     window.location= "http://www.myWebPage.com";
}

Answer 4

您可以通过css创建一个按钮样式，可以在多个页面上使用，引用该css文档。同样，您也可以将javascript放在外部文档中，并在多个页面上引用该代码。

Answer 5

使用代码之间的代码创建名为“exit.js”的脚本，然后在所有页面中使用<script type="text/javascript" src="/exit.js"> </script>引用该脚本。

Answer 6

您无法使浏览器使用CSS进行警报/确认。

提示：如果if / else块只有一行代码，则不需要{}

    <html>
   <body>
     <script type="text/javascript">
        if (confirm("Press 'OK' to leave the Eternity Test, or 'Cancel' if you want to stay: "))       
           window.location="http://google.com";
        else     
           window.location= "http://www.myWebPage.com";
      </script>
   </body>
</html>

javascript ok退出按钮

6 个答案: