JavaScript 软件列表

用JavaScript获取DOM元素位置和尺寸大小的方法
JavaScript

用JavaScript获取DOM元素位置和尺寸大小的方法

2020-02-16 标签:javascript,获取,dom,元素,位置,尺寸,大小,方法,复杂,页面,中经,常会,处理,动态效果,经常,会用,计算,浏览器,兼容性,问题

在一些复杂的页面中经常会用JavaScript处理一些DOM元素的动态效果,这种时候我们经常会用到一些元素位置和尺寸的计算,浏览器兼容性问题也是不可忽略的一部分,要想写出预想效果的JavaScript代码,我们需要了解一些基本知识。基础概念为了方便理解,我们需要了解几个基础概念,每个HTML元素都有

深入理解JavaScript 闭包究竟是什么
JavaScript

深入理解JavaScript 闭包究竟是什么

2020-02-16 标签:深入,理解,javascript,究竟是,简单,例子,首先,从一,经典,错误,谈起,页面,上有,若干,div,给它,绑定

1.简单的例子首先从一个经典错误谈起,页面上有若干个div, 我们想给它们绑定一个onclick方法,于是有了下面的代码实现代码如下:0 1 2 30 1 2 3实现代码如下:$(document).ready(function() {var spans = $("#divTest span");f

关于JavaScript中string 的replace
JavaScript

关于JavaScript中string 的replace

2020-02-16 标签:关于,javascript,string,replace,方法,用于,字符串,中用,字符,替换,另一,正则,表达式,匹配,语法,substr,reg,replacestr

replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。语法:string.replace(subStr/reg,replaceStr/function)第一个参数可以是字符串的子字符串,也可以是一个正则表达式,第二个参数可以是一个字符串或者一个处理方法,下

关于JavaScript与HTML的交互事件
JavaScript

关于JavaScript与HTML的交互事件

2020-02-16 标签:关于,javascript,html,交互,事件,通过,实现,采用,异步,驱动,编程,模型,文档,浏览器,元素,或与,相关,对象,发生,特定

JavaScript和HTML的交互是通过事件实现的。JavaScript采用异步事件驱动编程模型,当文档、浏览器、元素或与之相关对象发生特定事情时,浏览器会产生事件。如果JavaScript关注特定类型事件,那么它可以注册当这类事件发生时要调用的句柄。事件流事件流描述的是从页面中接收事件的顺序,比

Js中setTimeout()和setInterval() 何时被调用执行的用法
JavaScript

Js中setTimeout()和setInterval() 何时被调用执行的用法

2020-02-16 标签:js,settimeout,setinterval,何时,调用,执行,用法,定义,经常,用来,处理,延时,定时,任务,方法,用于,指定,毫秒,函数

定义setTimeout()和setInterval()经常被用来处理延时和定时任务。setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则可以在每隔指定的毫秒数循环调用函数或表达式,直到clearInterval把它清除。从定义上我们可以看到两个函数

js实现单一html页面两套css切换代码
JavaScript

js实现单一html页面两套css切换代码

2020-02-16 标签:js,实现,单一,html,页面,两套,css,切换,代码,今天,研究,方法,两份,样式,效果,具体方法,如下,第一步

今天研究了一下JS的用setAttribute方法实现一个页面两份样式表的效果,具体方法如下: 第一步:在连接样式表的元素里定义一个id,例如 实现代码如下: 我定义的id是css。 第二步:写一个js函数,代码如下: 实现代码如下: function change(a){ var css=doc

获取内联和链接中的样式(js代码)
JavaScript

获取内联和链接中的样式(js代码)

2020-02-16 标签:获取,内联,链接,样式,js,代码,实现,如下,var,head,document,box,alert,style,background,cssfloat,stylefloat,float,不一样

实现代码如下: var head = document.getElementById( "box" ); // alert( head.style.background ) // alert( head.style.cssFloat || head.style.styleFloat ) // 获取f

JavaScript在XHTML中的用法详解
JavaScript

JavaScript在XHTML中的用法详解

2020-02-16 标签:javascript,xhtml,用法,详解,编写,代码,规则,要比,html,严格,得多,类似,下面,是有,但在,则是,无效,实现,如下

编写XHTML代码的规则要比编写HTML要严格得多,类似下面的代码在HTML中是有效的,但在XHTML中则是无效的。 [javascript] 实现代码如下: function compare(a, b) { if(a b) { alert("a is greater then b"); } e

JavaScript中的noscript元素属性位置及作用介绍
JavaScript

JavaScript中的noscript元素属性位置及作用介绍

2020-02-16 标签:javascript,n,oscript,元素,属性,位置,作用,介绍,script,xhtml,页面,插入,主要,方法,使用,分别为,charset,defer

一、元素属性 向XHTML页面中插入JavaScript的主要方法,就是使用元素,该元素有5个属性分别为charset、defer、language、src、type,经常使用的是type、src、defer这三个。 1、type属性的值一般都是text/javascript,该属性是必须的,。 2

javascript标签在页面中的位置探讨
JavaScript

javascript标签在页面中的位置探讨

2020-02-16 标签:javascript,标签,页面,位置,探讨,制作,网页,过程中,经常,类似,下面,代码,html,实现,如下,head,title,example,page,script

在制作网页的过程中,我们经常写类似下面的代码: [html] 实现代码如下: Example HTML Page Example HTML Page 按照惯例,所有的元素都应该放在页面的元素中。请注意:无论引用几个外部js文件,浏览器都会按照元素在页面中出现的先后顺