JS第二章——常用互动方法

最新推荐文章于 2024-08-11 09:00:00 发布

浅端

最新推荐文章于 2024-08-11 09:00:00 发布

阅读量124

点赞数

分类专栏： JS基础文章标签： JS

本文链接：https://blog.csdn.net/qq_40686529/article/details/90519532

版权

JS基础专栏收录该内容

17 篇文章 0 订阅

订阅专栏

①JS的变量
变量起名规范：必须以字母、下划线或者美元符号开头。
（1）先声明再赋值，也可以不声明直接赋值。
（2）同一个变量可以重复赋值，后面的赋值覆盖前面的赋值。
（3）区分大小写，MY和my是两个变量

②JS的函数
定义格式function 函数名（）{函数代码}
例如：在这里插入图片描述
③document.write()的输出格式
跟java的基本一模一样，只不过多了一个可以输出HTML标签的新语法，如图片

④alert()
弹出对话框的

⑤confirm()
用于确定和取消判断的一个库函数，平时电脑弹出窗里取消确定就是这样的例子。点击确定返回true,点击取消返回false
在这里插入图片描述
⑥prompt()
这个函数有两个参数，看下图参数的位置

⑦window.open()
open()方法可以打开一个已经存在或者新建一个窗口

语法window.open(url,[窗口名称],[参数字符串])
url：链接到的网址，如果是空那么就不显示任何文档
窗口名称：字母下划线和数字组成，“_blank”,"_top","_self"具有特殊意义

⑧window.close()
关闭网页的函数，

window.close()  关闭本网页的函数

窗口对象.open();    //关闭对象窗口

在这里插入图片描述

章节练习

1、新窗口打开时弹出确认框，是否打开

提示: 使用 if 判断确认框是否点击了确定，如点击弹出输入对话框，否则没有任何操作。
2、通过输入对话框，确定打开的网址，默认为 http：//www.baidu.com/

<!DOCTYPE html>
<html>
 <head>
  <title> new document </title>  
  <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>   
  <script type="text/javascript">
  function openWindow(){
       var MakeSure=confirm("是否要打开新网页？");
       if(MakeSure==true){
           var adr=prompt("请输入要访问的地址：","http://www.baidu.com/");
        window.open(adr);
    }
    else{}
  }
  
  </script> 
 </head> 
 <body> 
	  <input type="button" value="新窗口打开网站" onclick="openWindow()" /> 
 </body>
</html>

在这里插入图片描述

浅端

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS第二章——常用互动方法

①JS的变量变量起名规范：必须以字母、下划线或者美元符号开头。（1）先声明再赋值，也可以不声明直接赋值。（2）同一个变量可以重复赋值，后面的赋值覆盖前面的赋值。（3）区分大小写，MY和my是两个变量②JS的函数定义格式function 函数名（）{函数代码}例如：③document.write()的输出格式跟java的基本一模一样，只不过多了一个可以输出HTML标签的新语法，如图...
复制链接

扫一扫

专栏目录