js（1）不太注意的一些小事件

时间：2022-10-21 23:04:34

确认选择

除了向用户提供信息，我们还希望从用户那里获得信息。这里就用到了confirm 消息对话框。

语法：confirm(str);

参数说明：

str: 在消息对话框中要显示的文本，返回的是布尔值。当点击“确定”按钮时，会返回true，点击“取消”按钮时，返回的是false。

示例：

<!DOCTYPE html>
<html>
<head>
    <title>确认选择</title>
    <script>
          if(confirm("你喜欢学习javascript吗？")==true){
        document.write("让我们一起共同进步");
    }else{
        document.write("努力吧，少年");
    }
    
    </script>
</head>
</html>'

js（1）不太注意的一些小事件

提示

有时候，不仅希望用户回答Yes/No。而是希望得到更特定的响应。这中情况我们可以利用prompt。

语法：prompt(str1, str2);

参数说明：

str1：要显示在消息对话框中的文本，不能修改

str2：文本框中的内容，可以修改

点击确定按钮，文本框中的内容将作为函数返回值，点击取消按钮将返回null。

<!DOCTYPE html>
<html>
<head>
    <title>提示</title>
    <script>
          var myName = prompt("输入您的名字");
    if(myName != null && myName != ''){
        document.write("welcome to " + myName);
    }else{
        document.write("welcome to my friend.");
    }
    </script>
</head>
</html>

示例：

js（1）不太注意的一些小事件

打开新页面

在html页面中，有时我们需要跳转到新的页面中。这是时候就用到了open()。

语法：window.open(URL, 窗口名称);

参数说明：

URL：可选,打开窗口的网址或路径。如果省略了这个参数，或者它的值是空字符串，那么新窗口就不会显示任何文档。

窗口名称：可选,该字符串是一个由逗号分隔的特征列表，声明了被打开窗口的名称。可以是"_top"、"_blank"、"_selft"、"_parent"等。

  • _blank 在新窗口显示目标网页
  • _selft 在当前窗口显示目标网页
  • _parent 框架网页中当前整个窗口位置显示目标网页
  • _top 框架网页中在上部窗口中显示目标网页

示例：

  1. function open_win() {
  2. window.open("http://www.baidu.com","_blank");
  3. }
  4. open_win();

示例功能：跳转到"http://www.baidu.com",以新的窗口打开。

相关文章