下面是关于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. SpringBoot——Cache使用原理及Redis整合

    前言及核心概念介绍 前言 本篇主要介绍SpringBoot2.x 中 Cahe 的原理及几个主要注解,以及整合 Redis 作为缓存的步骤 核心概念 先来看看核心接口的作用及关系图: CachingP ...

  2. 第16个算法 - leetcode-二叉树的层次遍历

    二叉树的层次遍历 参考:https://www.cnblogs.com/patatoforsyj/p/9496127.html 给定一个二叉树,返回其按层次遍历的节点值. (即逐层地,从左到右访问所有 ...

  3. eslint常用三种校验语句

    1.关闭对整段代码的校验 /* eslint-disable */ code /* eslint-enable */ 2.关闭当前行代码的校验 line code // eslint-disable- ...

  4. codecs打开不同步给编码的文件

    实例: with codecs.open(file=源文件,mode='命令',encoding='编(解)码方式') as 命名:

  5. 如何让antd的Modal组件的确认和取消不显示（或自定义按钮）（转载）

    使用Modal中的footer属性,如下: <Modal title="更改成员" visible={visible} confirmLoading={confirmLoad ...

  6. Python3 + requests + unittest接口测试

    一.缘 起 笔者最近完成了基于Python3 + requests + unittest的接口测试脚本,故在此做一下记录,于己为复盘,于彼为学习和参考 二.思 路 接口测试无非三步: 首先,造数据 - ...

  7. Natas9 Writeup（命令注入）

    Natas9: 审计源码,发现关键代码: $key = ""; if(array_key_exists("needle", $_REQUEST)) { $key ...

  8. Uniapp使用GoEasy实现websocket实时通讯

    Uniapp作为近来最火的移动端开发技术,一套代码,可以打包成Android/iOS app和各种平台的小程序,可谓是没有最方便只有更方便. GoEasy上架DCloud Uniapp插件市场已经有一 ...

  9. 「建议心心」要就来15道多线程面试题一次爽到底(1.1w字用心整理)

    . 本文是给**「建议收藏」200MB大厂面试文档,整理总结2020年最强面试题库「CoreJava篇」**写的答案,所有相关文章已经收录在码云仓库:https://gitee.com/bingqil ...

  10. CSS劫持攻击

    CSS劫持攻击 CSS劫持是一种并不很受重视的劫持方式,但是其也有一定的危害,且由于其并不一定需要依赖JavaScript,这使得此种攻击方式更容易实现. ClickJacking点击劫持 当访问某网 ...