下面是关于windows的相关方法的简单介绍。

setInterval():它有一个返回值，主要是提供给clearInterval使用。

setTimeout():它有一个返回值，主要是提供给clearTimeout使用。

clearInterval():该方法只能清除由setInterval设置的定时操作

clearTimeout():该方法只能清除由setTimeout设置的定时操作

一、、alert的相关知识点

alert消息对话框通常用于一些对用户的提示信息，例如在表单中输入了错误的数据时。

提示:消息对话框是由系统提供的，因此样式字体在不同浏览器中可能不同。

提示:消息对话框是排它的，也就是在用户点击对话框的按钮前，不能进行任何其它操作。

提示:消息对话框通常可以用于调试程序。

示例：

alert("Hellodreamdu!");

alert('Welcometo<br/>dreamdu!');

alert('Welcometo\ndreamdu!');

<script>

function myFunction(){

    alert("你好，我是一个警告框！");

}

</script>

注意上面的第二个与第三个例子，只有第三个例子才能实现换行，参考ASCII码表，使用HTML中的br标签无法换行。

二、、confirm的相关使用知识点

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>菜鸟教程(runoob.com)</title>

</head>

<body>

<p>点击按钮，显示确认框。</p>

<button onclick="myFunction()">点我</button>

<p id="demo"></p>

<script>

function myFunction(){

    var x;

    var r=confirm("按下按钮!");

    if (r==true){

        x="你按下了\"确定\"按钮!";

    }

    else{

        x="你按下了\"取消\"按钮!";

    }

    document.getElementById("demo").innerHTML=x;

}

</script>

</body>

对于innerHTML的相关理解

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>菜鸟教程(runoob.com)</title>

<script>

function changeLink(){

    //设置字体

    document.getElementById('myAnchor').innerHTML="RUNOOB";

    //修改它的超链接

    document.getElementById('myAnchor').href="//www.runoob.com";

    //这个设置在新的窗口打开

    document.getElementById('myAnchor').target="_blank";

    //设置字体颜色

    document.getElementById('myAnchor').style.color="red";

}

</script>

</head>

<body>

<a id="myAnchor" href="//www.microsoft.com">Microsoft</a>

<input type="button" onclick="changeLink()" value="修改链接">

</body>

</html>

三、、、prompt的相关使用方法

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>菜鸟教程(runoob.com)</title>

</head>

<body>

<p>点击按钮查看输入的对话框。</p>

<button onclick="myFunction()">点我</button>

<p id="demo"></p>

<script>

function myFunction(){

    var x;

    var person=prompt("请输入你的名字","Harry Potter");

    if (person!=null && person!=""){

        x="你好 " + person + "! 今天感觉如何?";

        document.getElementById("demo").innerHTML=x;

    }

}

</script>

</body>

</html>

这是他的运行结果

widows.location的用法

当前页面打开url

self.location.href="/url"

location.href="/url"

windows.location.href="/url"

this.location.href="/url"

parent.loction.href="/url" //在父页面打开新页面

top.location.href="/url" //在顶层页面打开新页面

"window.location.href"、"location.href"是本页面跳转

"parent.location.href"是上一层页面跳转

"top.location.href"是最外层的页面跳转

相关的知识点如下：------------------------------------------------------------------------------------------------------------------------

"window.location.href"、"location.href"是本页面跳转
"parent.location.href"是上一层页面跳转
"top.location.href"是最外层的页面跳转

举例说明：

如果A,B,C,D都是jsp，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写

"window.location.href"、"location.href"：D页面跳转
"parent.location.href"：C页面跳转
"top.location.href"：A页面跳转

如果D页面中有form的话,

<form>: form提交后D页面跳转
<form target="_blank">: form提交后弹出新页面
<form target="_parent">: form提交后C页面跳转
<form target="_top"> : form提交后A页面跳转
 
关于页面刷新，D 页面中这样写：

"parent.location.reload();": C页面刷新 （当然，也可以使用子窗口的 opener 对象来获得父窗口的对象：window.opener.document.location.reload(); ）

"top.location.reload();": A页面刷新

刷新页面  location.reload();

<script>

 //设置或获取 href 属性中跟在问号后面的部分。

console.log(window.location.search)

//设置或获取对象指定的文件名或路径

console.log(window.location.pathname)

//设置或获取整个 URL 为字符串。

console.log(window.location.href);

//设置或获取与 URL 关联的端口号码。

console.log(window.location.port)

//设置或获取 URL 的协议部分。

console.log(window.location.protocol)

///设置或获取 href 属性中在井号“#”后面的分段。

console.log(window.location.hash)

//设置或获取 location 或 URL 的 hostname 和 port 号码。

console.log(window.location.host)

</script>

js中相关的windows方法的使用和location的先关方法的使用的更多相关文章

  1. js中多个数字运算后值不对（失真）处理方法

    最近遇到一个bug ,在js里面计算两个数字相减,633011.20-31296.30 得到的结果居然是601714.89,领导不乐意了说怎么少了0.01,我一听,噶卵达,来达鬼,不可能啊,我Goog ...

  2. 在Centos7中,从主机 Windows 上无法远程访问 Linux 上rabbitmq的解决方法

    当在 Linux 上配置好 Rabbitmq服务器后,如果从主机中无法访问到 Linux 中的Rabbitmq服务器时,需要做如下的检查: 1. Rabbitmq是否启动成功 在控制台输入: ps - ...

  3. JS中判断某个字符串是否包含另一个字符串的五种方法

    String对象的方法 方法一: indexOf()   (推荐) ? 1 2 var str = "123" console.log(str.indexOf("2&qu ...

  4. js中字符串转数组，数组转字符串及逆序的方法

    var str = "a,b,c,d,e,f,g";//声明一个字符串 str = str.split(',').reverse();//用split函数拆分成数组对象,再用rev ...

  5. JS中setInterval、setTimeout不能传递带参数的函数的解决方法

    setInterval 和 setTimeout 这两个函数比较好用,但会遇到比如说我隔个几秒后要执行的函数是带参数的,这种情况怎么办?可以用匿名函数包装处理 //不带参数的函数 function t ...

  6. node.js中模块报错【window is not defined】的解决方法

    (function(window) { /* Keep source code the same */ // })(typeof window == "undefined" ? g ...

  7. JS中，跨域调用（本地）另一个项目的方法

    IP地址,因为是本地的项目,所以我一开始写的是127.0.0.1...,但不对.应该写本机的IP地址才对!

  8. js中判断数据类型的四种方法总结

    js中判断数据类型的四种方法 前言 在js中,我们经常需要判断数据的类型,那么哪些方法可以用来判断数据的类型呢?哪种方法判断数据类型最准确呢? 我们来一个个分析: 1.typeof typeof是一个 ...

  9. 实例分析Vue.js中 computed和methods不同机制

    在vue.js中,有methods和computed两种方式来动态当作方法来用的 1.首先最明显的不同 就是调用的时候,methods要加上() 2.我们可以使用 methods 来替代 comput ...

随机推荐

  1. css 实现九宫格

    1.自己写了一个,写完对比了下别人写的发现自己写的太low.故就不写自己太差劲的了. 别人写的我总结优化了一下,如果不用写内容去掉position,content简单也是可以的. <!DOCTY ...

  2. python3：input() 函数

    一.知识介绍: 1.input() 函数,接收任意输入,将所有输入默认为字符串处理,并返回字符串类型: 2.可以用作文本输入,如用户名,密码框的值输入: 3.语法:input("提示信息:& ...

  3. .NET 开发工具盘点和现状

    在这里我盘点一下.NET的开发工具:Visual Studio.Jetbrains Rider.Mono Develop.SharpDevelop.QuickSharp.Visual Studio C ...

  4. Antd 表格内通过rowClassName实现隔行变色的显示方法(转载）

    ant design中 table组件很方便,在项目中遇到了需要实现奇偶行颜色不同以方便阅读的功能,主要用到了rowClassName这一api,通过判断index的奇偶来实现不同的样式分配. row ...

  5. 曹工说Spring Boot源码（23）-- ASM又立功了，Spring原来是这么递归获取注解的元注解的

    写在前面的话 相关背景及资源: 曹工说Spring Boot源码(1)-- Bean Definition到底是什么,附spring思维导图分享 曹工说Spring Boot源码(2)-- Bean ...

  6. LeetCode43，一题让你学会高精度算法

    本文始发于个人公众号:TechFlow,原创不易,求个关注 今天是LeetCode系列第22篇文章,今天讲的内容是高精度算法. 今天和大家讨论的算法是高精度,对应的LeetCode是第43题.题面其实 ...

  7. [Visual Basic]冒泡排序及优化

    冒泡排序 注意点 越界问题:i的边界是n-1,也就是说是对总共的第1~n个数进行排列(最后一个数处于被比较状态,不需要额外主动比较):j的初始值或最终值与当前i的值 有关题目中往往会改变i的值来考察, ...

  8. Natas1 Writeup（查看页面源码）

    Natas2: 提示密码就在本页,但右键被禁用,可以使用F12或者抓包查看元素得到flag. flag:ZluruAthQk7Q2MqmDeTiUij2ZvWy2mBi 常用的查看源码方法:右键查看. ...

  9. Angular2入门（一）

    原先用vue.js写的项目,最近领导要求改用Angular,于是开始自学之路.网上搜索了众多资料,包括谷歌原版书籍,但是Angular自从17年开始分为AngularJs和Angular两个版本,相差 ...

  10. Trie 字典树，hdu1251

    参考博客:https://www.cnblogs.com/TheRoadToTheGold/p/6290732.html 字典树就是单词树,顺着一条路径到达终止结点就形成一个单词,该单词的前缀包含在这 ...