js(1)不太注意的一些小事件

确认选择

除了向用户提供信息,我们还希望从用户那里获得信息。这里就用到了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>'

提示

有时候,不仅希望用户回答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>

示例:

打开新页面

在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",以新的窗口打开。

原文地址:https://www.cnblogs.com/qiuzhimutou/p/4766705.html