JavaScript 弹窗类的实现

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 弹窗类的实现相关的知识,希望对你有一定的参考价值。

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();

 

以上是关于JavaScript 弹窗类的实现的主要内容,如果未能解决你的问题,请参考以下文章

Android接口回调总结,以及运用到弹窗PopWindow的Demo实现

JavaScript实现弹窗报错

javascript弹窗实例_简单博客

JavaScript实现进站弹窗&出站弹窗

ArcGIS API for JavaScript 4.2学习笔记[22] 使用QueryTask类进行空间查询 / 弹窗样式

JavaScript高级程序设计笔记之面向对象