JS学习记录（BOM部分）

 

 

 BOOM部分

 

Screen

<html lang="en">
<head><meta charset="UTF-8"><title>Screen</title>
</head>
<body></body>
<script>console.log(screen.width);console.log(screen.height);console.log(screen.availWidth);console.log(screen.availHeight);</script>
</html>

结果图：

 

Location

<html lang="en">
<head><meta charset="UTF-8"><title>Location</title>
</head>
<body>
<button οnclick="assign()">加载新页面</button>
<button οnclick="replace()">替换页面</button>
<button οnclick="reload1()">刷新当前页面</button>
<button οnclick="reload2()">彻底刷新当前页面</button>
</body>
<script>function assign() {/*可以返回老页面*/location.assign("http://www.baidu.com");}function replace() {/*不能返回老页面*/location.replace("http://www.baidu.com");}function reload1() {location.reload();}function reload2() {location.reload(true);}</script>
<!--<script>console.log(location.href);/*完整的url*/console.log(location.protocol);/*协议*/console.log(location.port);/*端口号*/console.log(location.hostname);/*主机名称*/console.log(location.pathname);/*路径名称*/console.log(location.search);/*？后的数据部分*/
</script>-->
</html>

结果图：

History对象
<html lang="en">
<head><meta charset="UTF-8"><title>History对象</title>
</head>
<body>
<a href="Demo40.html">Demo40</a><button οnclick="forward()">下一个页面</button>
</body>
<script src="../../js/history.js"></script>
</html>

结果图：

 

 

Navigator对象
<html lang="en">
<head><meta charset="UTF-8"><title>Navigator</title>
</head>
<body></body>
<script>console.log(navigator.appName);console.log(navigator.appVersion);console.log(navigator.userAgent);console.log(navigator.platform);
</script>
</html>

 

 

定时器
<html lang="en">
<head><meta charset="UTF-8"><title>定时器</title>
</head>
<body>
<button οnclick="show()">五秒后显示HelloWord</button>
<button οnclick="cancelShow()">取消显示HelloWord</button>
<button οnclick="cancelShow2()">停止显示HelloWord</button>
</body>
<script>//     setTimeout  默认情况下，只会执行一次。var hello;function show() {hello = setTimeout(function () {alert("HelloWord!");}, 500);}function cancelShow() {clearTimeout(hello);}
</script>
<!--<script>//    setInterval 根据指定的时间，循环执行。var hello2 = setInterval(function () {console.log("HelloWord!"); }, 1000); function cancelShow2() { clearTimeout(hello2); } </script>--> </html>

 

结果图：

confirm(对话框中显示的纯文本)

<html lang="en">
<head><meta charset="UTF-8"><title>confirm(对话框中显示的纯文本)</title>
</head>
<body></body>
<script>var flag=confirm("确认样删除此信息吗？");if(flag){alert("删除成功");}else {alert("你取消了删除");}/*注意confirm与prompt和alert的区别*/
</script>
</html>

结果图：

 

转载于:https://www.cnblogs.com/lizuowei/p/7282678.html

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/268737.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Spring框架中的单例Bean是线程安全的吗

Spring框架中的单例Bean是线程安全的吗

Sp
阅读更多...
在linux上安装jdk(转载)

在linux上安装jdk(转载)

软件环境&#xff1a; 虚拟机&#xff1a;VMware Workstation 10 操作系统&#xff1a;Ubuntu-12.04-desktop-amd64 JAVA版本&#xff1a;jdk-7u55-linux-x64 软件下载地址&#xff1a; JDK&#xff1a;http://www.oracle.com/technetwork/java/javase/downloads/index.html &a…
阅读更多...
Spring事物的实现方式和原理以及隔离级别

Spring事物的实现方式和原理以及隔离级别

阅读更多...
WebService大讲堂之Axis2（1）：用POJO实现0配置的WebService

WebService大讲堂之Axis2（1）：用POJO实现0配置的WebService

Axis2是一套崭新的WebService引擎&#xff0c;该版本是对Axis1.x重新设计的产物。Axis2不仅支持SOAP1.1和SOAP1.2&#xff0c;还集成了非常流行的REST WebService&#xff0c;同时还支持Spring、JSON等技术。这些都将在后面的系列教程中讲解。在本文中主要介绍了如何使用Axis2开…
阅读更多...
Unity中UGUI之Canvas属性解读版本二

Unity中UGUI之Canvas属性解读版本二

Canvas Render Modes(渲染模式) 1.在screen空间中渲染2.在world空间中渲染 Screen Space-Overlay 在这个渲染模式中&#xff0c;UI元素将在场景的上面。如果场景改变大小或改变分辨率&#xff0c;Canvas将自动改变大小去适配。 Screen Space-Camera 这和Screen Space-Overlay类…
阅读更多...
spring事物传播机制

spring事物传播机制

阅读更多...
用subline添加单引号和逗号，在sql中使用

用subline添加单引号和逗号，在sql中使用

subline Sublime编辑器批量在行首或者行尾添加字符串的方法&#xff1a; 1、选中要操作的行&#xff0c;全选就按CtrlA&#xff1b; 2、使用快捷键CtrlShiftL&#xff0c;进入待操作状态&#xff1b; 3、使用左右方向键&#xff08;←或者→&#xff09;&#xff0c;批量操作…
阅读更多...
[独库骑行之我们路过沙漠]塔克拉玛干的边缘

[独库骑行之我们路过沙漠]塔克拉玛干的边缘

塔克拉玛干的边缘 在计划这段旅行时我最憧憬的路段就是横穿塔克拉玛干的沙漠公路&#xff0c;缘于影视里的茫茫大漠上金色的胡杨林的印象。 由于时间关系&#xff0c;我们没有走那条沙漠公路。倒是从沙雅到阿拉尔之间有部分沙漠公路&#xff0c;但完全没有这种诗情画意&#xf…
阅读更多...
Java中Set为什么不能存放重复值

Java中Set为什么不能存放重复值

set三个子类的底层其实都是Map的。我们也知道Map是key-value键值对出现的。我们也知道&#xff0c;set添加方法是set.add(“1”)。参数只有一个&#xff0c;不是键值对的&#xff0c;那么底层Map怎么存储的呢&#xff1f; TreeSet的构造方法 从源码中&#xff0c;我们可以看到&…
阅读更多...
golang和php哪个性能更强,相同逻辑的php与golang代码效率对比，最好语言落谁家…...

golang和php哪个性能更强,相同逻辑的php与golang代码效率对比，最好语言落谁家…...

业务逻辑&#xff1a;逐行读取一个3.6MB的文件&#xff0c;把每行的字符串切割成数组&#xff0c;计算二维数组中的经纬度值与目标地点的经纬度的距离&#xff0c;符合限定距离范围的结果存入map中&#xff0c;将结果覆盖写入一个新的文件&#xff0c;计算程序执行的时间。$sti…
阅读更多...
隐藏与禁用硬盘分区——利用工具或注册表

隐藏与禁用硬盘分区——利用工具或注册表

工具 以下链接任选其一&#xff1a; https://pan.abn.cc/weiyun/down.php?uf0bff31fd54bf15131d543dc75fd5f7d.undefined.exehttps://share.weiyun.com/f0bff31fd54bf15131d543dc75fd5f7d提示&#xff1a; 设置过后&#xff0c;刷新生效&#xff1b;如需恢复&#xff0c;勾去后…
阅读更多...
走近Flex组件系列(三)：按扭组件（Button,CheckBox,LinkBar,LinkButton,PopUpButton,RadioButton,ToggleButtonBar）...

走近Flex组件系列(三)：按扭组件（Button,CheckBox,LinkBar,LinkButton,PopUpButton,RadioButton,ToggleButtonBar）...

本文主要介绍Flex的Button、ButtonBar、CheckBox、LinkBar、LinkButton、PopUpButton、RadioButton、RadioButtonGroup和ToggleButtonBar组件&#xff0c;这些组件是非常基础的组件&#xff0c;如果你是学习过Flex组件的可以飘过&#xff0c;本文主要是针对Flex组件的初学者&am…
阅读更多...
ArrayList和LinkList的区别

ArrayList和LinkList的区别

阅读更多...
Jmeter 参数化请求实例

Jmeter 参数化请求实例

Jmeter 参数化请求实例 在jmeter中的请求可以参数化&#xff0c;其中参数化的方式有4种&#xff1a; 1.CSV Data Set Config 2.数据库 3.用户自定义变量 4.用jmeter中的函数获取参数值 第一种方式&#xff1a;CSV Data Set Config 1.创建一个data.txt文件&#xff0c;内容如下…
阅读更多...
winform Tab键循序 小发现

winform Tab键循序 小发现

在Winform 的应用程序中,我们通常需要设置Tab的键的循序,当我们使用用户控件的时候,我们在界面会发现很难设置. 将我的小发现告诉大家吧,当需要设置用户控件的Tab键的时候,我们首先把那些不用tab键获取的控件的TabStop属性设置为False; 例如: 我们不需要获取焦点的GroupBox gbK…
阅读更多...
php配合jade使用,前端自动化系列(四)之jade预编译html

php配合jade使用,前端自动化系列(四)之jade预编译html

刚开始写这篇文章的时候&#xff1b;其实我是拒绝的&#xff1b;因为在 前端自动化系列(二)之less、scss、sass、stylus css预处理器 中&#xff1b;我已经表明了我的态度&#xff1b;我是不喜欢那种靠缩进来体现等级层次感的语法&#xff1b;但是考虑到css、js都有了现代化的写…
阅读更多...
深入理解OkHttp源码（二）——获取响应

深入理解OkHttp源码（二）——获取响应

首先先看一张流程图&#xff0c;该图是从拆轮子系列&#xff1a;拆 OkHttp 中盗来的&#xff0c;如下&#xff1a; 在上一篇博客深入理解OkHttp源码&#xff08;一)——提交请求中介绍到了getResponseWithInterceptorChain()方法&#xff0c;本篇主要从这儿继续往下讲解。 get…
阅读更多...
成功解决Error running ‘Application‘: command line is too long

成功解决Error running ‘Application‘: command line is too long

解决方法&#xff08;推荐&#xff09;&#xff1a;idea点击 Run -> Edit Configurations 下拉选择JAR manifest 开始是没有这个选项的&#xff0c;点击Modify options 点击shorten command line 选择JAR manifest
阅读更多...
IDEA 出现 java.lang.OutOfMemoryError: Java heap space 解决方式

IDEA 出现 java.lang.OutOfMemoryError: Java heap space 解决方式

File–>settings–>Build,Execution,Deployment–>Compiler 把图中700修改为4096
阅读更多...
使用Exchange 的SMTP连接器路由/中继邮件的设定图例

使用Exchange 的SMTP连接器路由/中继邮件的设定图例

博主的话&#xff1a;在钉子的博客上看到的文章&#xff0c;觉得很实用&#xff0e;因为公司有多个分公司&#xff0c;且邮件系统的域名不一样&#xff0c;对于特定的域名&#xff0c;我们觉得文中说的新建SMTP连接器,来实现对个别域名从专线发送.特别是对于国外的分公司,应该不…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023