JS中基本window对象操作】的更多相关文章

---恢复内容开始--- 一.使用window中的属性时   window.属性,直接跟属性名.而调用window的函数时  window.hanshu(): 要在其函数名后面加括号. 二.window的基本属性: 1.opener:当我首次打开这个网页窗口时,则opener的属性是null. 2.open():其括号内包含四部分open("写要打开的页面地址","在新窗口打开_blank还是在自身窗口打开_slef","设定要打开的窗口的格式:宽度高度.…
窗口对象的属性和方法: 在js最外层写的function可以还可以理解为window对象的一个方法.定义的变量也可以称之为window对象的一个属性.例如:window.alert("---");  window.setTimeOut(function(){……}, 100); window.top 格式: [window.]属性 [window.]方法(参数) opener.属性 opener.方法(参数) self.属性 self.方法(参数) parent.属性 parent.方…
~~ window.open():打开一个窗口 里面需要放三个参数: 1.打开窗口(网页)的位置: 2.打开的方式(自身页面,新开页面): 其中_blank新开一个窗口 3.打开网页的属性: window.open("http://www.baidu.com","_blank","width=500 height=500") window.close():关闭一个窗口 window.opener.close:关闭打开的窗口(关闭源窗口) ~~ 间…
查看本章节 查看作业目录 需求说明: 使用 JavaScript 中的 window 对象执行计时操作,完成一个抽奖程序 实现思路: 在 HTML 页面中放置背景图片.转盘和指针 3 张图片,并设置指针的点击事件 使用 window 对象的 setInterval() 方法反复执行间歇性旋转操作,当获取旋转的度数后,调用 window 对象的 clearInterval() 方法取消间歇性旋转操作 调用 window 对象的 setTimeout() 方法,在 4 秒后提示用户中奖结果 实现代码…
js中如何访问对象和数组 一.总结 一句话总结:js访问对象点和中括号,访问数组的话就是中括号 对象 . [] 数组 [] 1.js访问对象的两种方式? . [] 可以使用下面两种方式访问对象的属性和方法 1.对象名.属性名 对象名.方法名() 2.对象名["属性名"] 对象名["方法名"]() 2.js访问数组的方式? [] 用中括号 [] 通过指定数组名以及索引号码,你可以访问某个特定的元素. 下面是代码行: document.write(mycars[0])…
一.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 一.基本语法: 数据类型(字符串,小数,整数,布尔,时间) var, var s = "3.14"; var n = parseFloat(s); ; s += 5; var d = parseInt(s); isNaN(字符串):判断是否是数字模样的字符串:是-false: 不是-true 运算符:四大类 表达式: function Show() { } 语…
JS中的event 对象详解   JS的event对象 Event属性和方法:1. type:事件的类型,如onlick中的click:2. srcElement/target:事件源,就是发生事件的元素:3. button:声明被按下的鼠标键,整数,1代表左键,2代表右键,4代表中键,如果按下多个键,酒把这些值加起来,所以3就代表左右键同时按下:(firefox中 0代表左键,1代表中间键,2代表右键)4. clientX/clientY:事件发生的时候,鼠标相对于浏览器窗口可视文档区域的左上…
MVC中处理Json和JS中处理Json对象 ASP.NET MVC 很好的封装了Json,本文介绍MVC中处理Json和JS中处理Json对象,并提供详细的示例代码供参考. MVC中已经很好的封装了Json,让我们很方便的进行操作,而不像JS中那么复杂了. 方法一 MVC中: public JsonResult Test() { JsonResult json = new JsonResult{ Data = new{ Name = "zzl", Sex = "male&q…
JSON一种简单的数据格式,比xml更轻巧,在JavaScript中处理JSON数据不需要任何特殊的API或工具包,下面为大家详细介绍下js中的json对象, 1.JSON(JavaScript Object Notation)一种简单的数据格式,比xml更轻巧.JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包. JSON的规则很简单:对象是一个无序的“‘名称:值'对”集合.一个对象以“{”(左括号)开始,“}”(右括号)结束…
js中关于Blob对象的介绍与使用   blob对象介绍 一个 Blob对象表示一个不可变的, 原始数据的类似文件对象.Blob表示的数据不一定是一个JavaScript原生格式 blob对象本质上是js中的一个对象,里面可以储存大量的二进制编码格式的数据. 创建blob对象 创建blob对象本质上和创建一个其他对象的方式是一样的,都是使用Blob() 的构造函数来进行创建. 构造函数接受两个参数: 第一个参数为一个数据序列,可以是任意格式的值. 第二个参数是一个包含两个属性的对象{ type:…
1.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 2.Window对象操作 一.属性和方法: 属性(值或者子对象): opener:打开当前窗口的源窗口,如果当前窗口是首次启动浏览器打开的,则opener是null. dialogArgument:对话框返回值. 子对象:history,location,document,status,menubar,toolbar等. 方法(函数):事件(事先设置好的程序,被触发).…
我们知道nuxtjs是做服务端渲染的,他有很多声明周期是运行在服务端的,以及正常的vue声明周期mounted之前均是在服务端运行的,那么服务端是没有比如window对象的location.navagitor等,以及H5的FormData()方法,所以当你在created之前使用这些时,会报错,那么如何处理呢? 1.自己的写的函数里包含window等 因为nuxt为SSR框架,所以其编译打包时会区分服务端渲染还是客户端渲染(即浏览器),在vue文件中使用window对象报错的原因是,webpac…
原文地址:http://www.jb51.net/article/56986.htm 本文实例讲述了js中confirm实现执行操作前弹出确认框的方法.分享给大家供大家参考.具体实现方法如下: 现在在删除或其它操作前弹出确定提示,我们有很多方法,最基本的就是利用js自带的函数confirm来操作了 最简单的用法如下: 鼠标事件使用confirm 复制代码 代码如下: <a href="#" onclick= "if(confirm( '是否确定! ')==false)r…
问题情况 JS中设置window.location.href跳转无效 代码如下: ? 1 2 3 4 5 6 7 8 <script type="text/javascript">    function checkUser() {      if(2!=1){         window.location.href="login.jsp";       } }   </script> 原因是 a标签的href跳转会执行在window.lo…
代码取自于underscore.js 1.8.3的isEqual函数. 做了一些小小的修改,主要是Function的比较修改. 自己也加了一些代码解读. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js中两个对象的比较</title> <script> /* 需求难点描述: 数组和对象,都…
JavaScript中的window对象:http://www.cnblogs.com/kissdodog/archive/2013/01/01/2841464.html…
是使用springMVC框架时,有时候需要在js中使用window.location.href来请求url,比如下面的路径: window.location.href = 'forecast/download.do' 在谷歌浏览器下,实际请求的路径是:项目名/forecast/download.do 而在IE下访问时在中间多了好几层文件夹: 造成这种情况的原因是各种浏览器在使用window.localtion.href请求相对路径时处理方法不同 IE是从当前当前路径开始跳转 谷歌是从根目录开始跳…
JavaScript -- 知识点回顾篇(五):js中的 Date 对象的方法 Date 对象: 用于处理日期和时间. 1. Date对象的方法 <script type="text/javascript"> document.write('Date()方法:<br/>'); document.write(Date()); // 返回当日的日期和时间. document.write('<br/><br/>'); var d1=new Da…
JavaScript -- 知识点回顾篇(四):js中的 Math 对象的属性和方法 1. Math 对象的属性 (1) E :返回算术常量 e,即自然对数的底数(约等于2.718). (2) LN2 :返回 2 的自然对数(约等于0.693). (3) LN10 :返回 10 的自然对数(约等于2.302). (4) LOG2E :返回以 2 为底的 e 的对数(约等于 1.443). (5) LOG10E :返回以 10 为底的 e 的对数(约等于0.434). (6) PI :返回圆周率(…
JavaScript -- 知识点回顾篇(三):js中的 String 对象的方法 (1) anchor(): 创建 HTML 锚. <script type="text/javascript"> var txt1="Hello world!" document.write(txt1.anchor("mytxt1")) </script> (2) big(): 用大号字体显示字符串. <script type=&qu…
js中 给json对象添加新的属性 比如现在有一个json对象为jsonObj,需要给这个对象添加新的属性newParam,同时给newParam赋值为pre.做法如下: var obj={ "name":“wqc”, "age":22, "number":22 } obj.class=201; 新的属性添加以后,json对象变成: var jsonObj={ "name":“wqc”,    "age":…
一,二者的区别 通过 jQuery 获取的元素是一个数组,数组中包含着原生JS中的DOM对象. 总结:jQuery 就是把 DOM 对象重新包装了一下,让其具有了 jQuery 方法. 二,二者的相互转换 1. DOM 对象 转为 jQuery对象: $(js对象); 2.jQuery对象 转为 DOM 对象: jquery对象[index]; //方式1(推荐) jquery对象.get(index); //方式2 jQuery对象转换成了 DOM 对象之后,可以直接调用 DOM 提供的一些功…
1. 二者的不同之处: 通过jQuery获取的元素是一个数组, 数组中包含着原生JS中的DOM对象. 例如, 针对下面的一个div结构: <div id="Box"></div> <div class="box"></div> <div class="box"></div> 通过原生JS获取这些元素节点的方式是: <script type="text/java…
一.找到元素 1.document.getELementById("id"):根据id找,最多找一个. var a=document.getELementById("id"):把找到的元素放在变量a中. 2.getElementsByClassName()根据class找,找出来的是数组. 3.getElementsByName()根据name找,找出来的是数组. 4.getElementsByTagName()根据标签名找,找出来的是数组. 二.操作内容 1.非表…
前言我前面的文章,写过js中“类”与继承的一些文章.ES5我们可以通过 构造函数 或者 Object.create()等方式来模拟出js中的“类”,当然,对象呢是类的实例化,我们可以通过如下方式创建对象:var haorooms ={};或者var haorooms = new Object()今天主要总结一下Object的一些常用方法.Object.assign()1.可以用作对象的复制var obj = { a: 1 };var copy = Object.assign({}, obj);c…
事件:JavaScript中的事件是由访问web页面用户的一系列操作引起的,比如点击鼠标,键盘按键等.当用户执行某些操作的时候再去执行一些代码. 事件模型:内联模型.脚本模型.DOM2模型 内联模型:事件处理函数是html元素的一个属性,即把事件处理函数代码写在html文件中 //在HTML中把事件处理函数作为属性来执行JS代码 <div id="d1" onclick="alert('事件函数')">测试DIV</div> //注意其中的单…
一.JS中的事件 (一)JS中的事件分类 1.鼠标事件 click/dblclick/onmouseover/onmouseout 2.HTML事件 onload/onscroll/onsubmit/onchange/onfocus 3.键盘事件 keydown:   键盘按下时触发 keypress:键盘按下并松开的瞬间触发 keyup:    键盘抬起时触发   [注意事项] ① 执行顺序:keydown->keypress->keyup ② 当长按时,会循环执行keydown->k…
- 事件,是文档或浏览器窗口中发生的一些特定的交互瞬间,JS与HTML之间的交互是通过事件实现的 对于web应用来说,有下面这些代表性事件:点击事件,鼠标移动,按下键盘等等 - 事件,是用户和浏览器之间的交互行为 我们可以在事件对应的属性中设置一些js代码,当事件被触发时,这些代码会执行 文档的加载: 浏览器在加载一个页面时,是按照自上而下的顺序加载的, 读取到一行就运行一行,在代码执行时,页面还没有加载 将js代码编写到页面的下面,确保页面加载完毕以后再执行js代码 window.onload…
前言 每个JavaScript环境都有一个全局对象(global object).在全局范围内创建的任何变量实际上都是这个对象的属性,而任何函数都是它的方法.在浏览器环境中,全局对象是window对象,它代表了包含网页的浏览器窗口. 在这篇文章中,我们将介绍Window对象的一些重要用途: 浏览器对象模型(Browser Object Model) 获取浏览器信息 获取并使用浏览器history对象 创建并控制浏览器窗口 获取屏幕尺寸以及显示细节 浏览器对象模型 浏览器对象模型(简称BOM)是一…
相关用法: setTimeout (表达式,延时时间)setInterval (表达式,交互时间)其中延时时间/交互时间是以豪秒为单位的(1000ms=1s) setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次setInterval 在执行时,它从载入后,每隔指定的时间就执行一次表达式 1,基本用法: var i=0;   setTimeout("i+=1;alert(i)",1000);   执行一个函数:   var i=0;   setTime…