后续(JS基础)

匿名 (未验证) 提交于 2019-12-02 23:34:01

- JavaScript-提问(prompt 消息对话框)
语法:prompt(str1, str2);

参数说明:
str1: 要显示在消息对话框中的文本,不可修改
str2:文本框中的内容,可以修改

返回值:

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

看看下面代码:

var myname=prompt("请输入你的姓名:"); if(myname!=null)   {   alert("你好"+myname); } else   {  alert("你好 my friend.");  }

结果:

实例:

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>prompt</title>   <script type="text/javascript">   function rec(){ 	var score; //score变量,用来存储用户输入的成绩值。 	score =prompt("请输入您的成绩"); 	if(score>=90) 	{ 	   document.write("你很棒!"); 	} 	else if(score>=75)     { 	   document.write("不错吆!"); 	} 	else if(score>=60)     { 	   document.write("要加油!");     }     else 	{        document.write("要努力了!"); 	}   }   </script> </head> <body>     <input name="button" type="button" onClick="rec()" value="点击我,对成绩做评价!" /> </body> </html>

JavaScript-打开新窗口(window.open)
语法:window.open([URL], [窗口名称], [参数字符串])
参数说明:
**URL:**可选参数,在窗口中要显示网页的网址或路径。如果省略这个参数,或者它的值是空字符串,那么窗口就不显示任何文档。
窗口名称:可选参数,被打开窗口的名称。
1.该名称由字母、数字和下划线字符组成。
2."_top"、"_blank"、"_self"具有特殊意义的名称。
_blank:在新窗口显示目标网页
_self:在当前窗口显示目标网页
_top:框架网页中在上部窗口中显示目标网页
3.相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同。
4.name 不能包含有空格。
参数字符串:可选参数,设置窗口参数,各参数用逗号隔开。
参数表:


实例:在下边编辑器第8行代码,补充代码,打开http://www.imooc.com网页,将在新窗体中打开,宽为600,高为400,距屏顶100像素,屏左0像素。当点击按钮时,打开新窗口。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>window.open</title> <script type="text/javascript">   function Wopen(){       window.open('http://www.imooc.com','_blank','width=600','height=400','top=100','left=0')           }  </script> </head> <body>     <input name="button" type="button" onClick="Wopen()" value="点击我,打开新窗口!" / > </body> </html>

JavaScript-关闭窗口(window.close)
close()关闭窗口

  用法:window.close();   //关闭本窗口

<窗口对象>.close();   //关闭指定的窗口

例如:关闭新建的窗口。

<script type="text/javascript">    var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象,存储在变量mywin中    mywin.close(); </script>

注意:上面代码在打开新窗口的同时,关闭该窗口,看不到被打开的窗口。

编程练习:
任务:

1、新窗口打开时弹出确认框,是否打开
提示: 使用 if 判断确认框是否点击了确定,如点击弹出输入对话框,否则没有任何操作。
2、通过输入对话框,确定打开的网址,默认为 [http://www.imooc.com/]
3、打开的窗口要求,宽400像素,高500像素,无菜单栏、无工具栏
代码如下:

<!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 open=confirm("确认新建窗口打开网站吗?");         if(open==turn)         {var URL=propt('通过输入对话框,确定打开的网址,默认为','http://www.imooc.com');         if(URL==open)         {window.open(url,"_blank",'width=400px,height=500px,menubar=no,toolbar=no');             }         else         {alert("再见!");}         else         {alert("再见!");}                      }     // 通过输入对话框,确定打开的网址,默认为 http://www.imooc.com/      //打开的窗口要求,宽400像素,高500像素,无菜单栏、无工具栏。             </script>   </head>   <body>  	  <input type="button" value="新窗口打开网站" onclick="openWindow()" />   </body> </html>
转载请标明出处:后续(JS基础)
文章来源: https://blog.csdn.net/weixin_44451594/article/details/90113234
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!