博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript 弹窗类的实现
阅读量:6164 次
发布时间:2019-06-21

本文共 1595 字,大约阅读时间需要 5 分钟。

JS的打印输出是由 doucument.write();实现的 document.write( )内可以书写变量 ,文字 文字需要加""。

JS有两种方式插入到html的页面中  1:<script> 编写JS代码 <script> 这个标签放在<head>和<body>两个标签内部都可以 放在<body>标签可能影响<body>标签内部的html

的内容,可是由于代码执行时自上而下的 如果把JS代码放在<head>内部加载较慢 需要等到JS代码完全加载完毕才可以加载下面的<body>导致页面在JS加载出来之前是空白的

2:编写一个JS文件(例 01JS.js) 通过<script src=01JS.js><script>实现JS代码的引入。

JS的变量是由var关键字来实现的 例: var i=10; 可以定义数字 数组 字符串等 都是由var来声明的 变量要先声明再赋值,JS中函数的声明是由function+函数名来实现的。 

function mywin(){

JS代码

}                          函数的作用是如果某个操作需要这段代码直接引用函数名就可以实现这段代码了。

alert警告 是个弹出的小窗口 如果不点击确定则无法进行其他操作 如果有两个或者多个alert则按顺序弹出,alert()内可以是数字 变量 文字(加上""),在弹出窗口时显示的就是alert内部的东西。

confirm同样是是弹窗 他自带确定和取消按钮。所以先定义变量 var lll=confirm() 这个变量一定是布尔型变量 所以需要if-else语句 

例:var lll=confirm("这是数字吗?");

if(lll==true){

document.write("是");

}

else{

document.write("不是");

}

prompt也是弹窗但是可以输入文本,输入的文本就当做函数返回值了,所以应该先定义函数 prompt(str1,str2) str1是在窗口中的不可修改的,str2是在文本框内的默认文字可以修改的。

例:function mywin(){

var lll=prompt("请输入你的电话","在此填写你的电话");

if(lll.lenght!=11){

alert("请输入正确的电话号码");

}

else{

alert("记下了我的朋友");

}

}

打开新的窗口一般用window.open()语句来实现的,window.open(URL,窗口名称,参数字符串);URL是放置需要打开的网站的网址的,如果网址被赋值到函数的返回值中则URL就是变量名,窗口名称是指URL位置处的网址在新的窗体打开这个窗体是什么就是有窗口名称决定的,该名称由字母数字和下划线来组成的 一般来说有几个较为特殊的的名称

1:"_blank" 是指在新的窗口打开这个网址。2:"_self"是指在当前窗口打开这个网址。3:"_top":框架网页在上部窗口中显示目标网页(????)窗口的name不可以相同 创建多个窗口就需要多个name.

参数字符串主要是用来修饰打开的网址的比如可以修饰网页宽高有无菜单栏等问题。

window.open()常于prompt()结合使用在prompt输入的网址作为返回值作为window.open的网址来打开新的网页。

窗口的关闭 window.close();用于关闭本窗口,制定窗口的关闭一般使用的是将窗口的网址赋值给变量,然后将变量(例如 变量为lll) lll.close();实现窗口的关闭。

将要打开的窗口关闭就是使用这种方法,var lll=window.open("http//:www.baidu.com");   lll.close();

 

转载于:https://www.cnblogs.com/lllmx/p/6598513.html

你可能感兴趣的文章
将标题空格替换为 '_' , 并自动复制到剪切板上
查看>>
List Collections sort
查看>>
Mysql -- You can't specify target table 'address' for update in FROM clause
查看>>
使用局部标准差实现图像的局部对比度增强算法。
查看>>
2017-2018-1 20165313 《信息安全系统设计基础》第八周学习总结
查看>>
《代码敲不队》第四次作业:项目需求调研与分析
查看>>
菜鸡互啄队—— 团队合作
查看>>
HttpWebRequest的GetResponse或GetRequestStream偶尔超时 + 总结各种超时死掉的可能和相应的解决办法...
查看>>
SparseArray
查看>>
第二章
查看>>
android背景选择器selector用法汇总
查看>>
[转]Paul Adams:为社交设计
查看>>
showdialog弹出窗口刷新问题
查看>>
java
查看>>
Vue.js连接后台数据jsp页面  ̄▽ ̄
查看>>
关于程序的单元测试
查看>>
mysql内存优化
查看>>
都市求生日记第一篇
查看>>
Java集合---HashMap源码剖析
查看>>
SQL优化技巧
查看>>