![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
javascript
文章平均质量分 59
javascript
八十岁老将
嘿嘿
展开
-
javascript学习16:使用事件
1、使用简单事件处理器1.1 实现简单的内联事件处理器使用某个事件属性最直接的方式是给它指派一组JavaScript语句。当该事件被触发后,浏览器就会执行你提供的语句。1.2 实现一个简单的事件处理函数为了在一定程度上解决繁琐和重复添加问题,我们可以定义一个函数,并将函数名指定为元素事件属性的值。2、使用DOM和事件对象如果你想要进行更为复杂的处理(以及更优雅地定义事件处理器),就需要使用DOM和JavaScript的Event对象了。2.1 按类型区分事件type属性会告诉你正在处理的是哪原创 2021-02-13 20:31:39 · 184 阅读 · 0 评论 -
javascript学习15:为DOM元素设置样式
1、使用样式表可以通过document.styleSheets属性访问文档中可用的CSS样式表,它会返回一组对象集合,这些对象代表了与文档关联的各个样式表。document.styleSheets返回CSSStyleSheet[]CSSStyleSheet对象的成员,成员说明cssRules返回样式表的规则集合deleteRule()从样式表中移除一条规则disabled获取或设置样式表的禁用状态href返回链接样式表的hrefinsertRule(原创 2021-02-13 20:30:59 · 2273 阅读 · 0 评论 -
javascript学习14:使用DOM元素
1、使用元素对象HTMLElement对象提供了一组属性,你可以用它们来读取和修改被代表元素的数据。1.1 使用类你可以用两种方式处理某个元素所属的类。第一种方式是使用className属性,它会返回一个类的列表。通过改变这个字符串的值,你就能添加或移除类。DOMTokenList的成员:成员说明返回add(class)给元素添加指定的类voidcontains(class)如果元素属于指定的类就返回true布尔值length返回元素所属类的数量数值原创 2021-02-13 20:30:25 · 156 阅读 · 0 评论 -
javascript学习13:Window对象使用
1、获取Window对象可以用两种方式获得window对象。正规的HTML5方式是在Document对象上使用defaultView属性。另一种则是使用所有浏览器都支持的全局变量window 。2、获取窗口信息顾名思义,window对象的基本功能涉及当前文档所显示的窗口。3、与窗口进行交互window对象提供了一组方法,可以用它们与包含文档的窗口进行交互。所有这些方法都应该谨慎使用,因为它们会让用户失去对浏览器窗口的控制。用户对应用程序应该具有什么行为有着相当固定的预期,而那些会滚动、打印和关闭原创 2021-02-13 20:29:54 · 298 阅读 · 0 评论 -
javascript学习12:Document对象使用
我们通过全局变量document访问Document对象,它是浏览器为我们创建的关键对象之一。Document对象向你提供文档的整体信息,并让你能够访问模型里的各个对象。要了解DOM,最好的方法是从一个例子开始。获取正在处理的HTML文档信息:document.writeln(document.UTL);文档中选择元素:var elems = document.getElementsByTagName("p");1、使用document元数据1.1 获取文档信息理解怪异模式compatM原创 2021-02-13 20:29:23 · 401 阅读 · 1 评论 -
javascript学习11:DOM的事件
名称说明blur在元素失去键盘焦点时触发click在按下鼠标按钮后释放时触发dblclick在两次按下鼠标按钮并释放时触发focus在元素获得键盘焦点时触发focusin在元素即将获得键盘焦点时触发focusout在元素即将失去键盘焦点时触发keydown在用户按下某个键时触发keypress在用户按下某个键并释放时触发keyup在用户释放某个键时触发mousedown在鼠标按钮被按下时触发mouseente...原创 2021-02-13 20:28:47 · 109 阅读 · 0 评论 -
javascript学习10:CSSStyleDeclaration对象
成员对应于backgroundbackgroundbackgroundAttachmentbackground-attachmentbackgroundColorbackground-colorbackgroundImagebackground-imagebackgroundPositionbackground-positionbackgroundRepeatbackground-repeatborderborderborderBo...原创 2021-02-13 20:28:15 · 506 阅读 · 0 评论 -
javascript学习9:Text对象
名称说明返回appendData(string)在文本块的末尾附加指定字符串voiddata获取或设置文本字符串deleteData(offset,count)移除字符串中的文本。第一个数字是偏移量,第二个数字是要移除的字符数量voidinsertData(offset,string)在指定的偏移量位置插人指定字符串voidlength返回字符数量数值replaceData(offset,count,string)用指定字符串替换一部...原创 2021-02-13 20:27:27 · 261 阅读 · 0 评论 -
javascript学习8:HTMLElement对象
名称说明返回checked获取或设置checked属性的存在状态布尔值classList获取或设置元素所属类的列表DOMTokenListclassName获取或设置元素所属类的列表字符串dir获取或设置dir属性的值字符串disabled获取或设置disabled属性的存在状态布尔值hidden获取或设置hidden属性的存在状态布尔值id获取或设置id属性的值字符串lang获取或设置lang属性的值字符串...原创 2021-02-13 20:26:55 · 564 阅读 · 0 评论 -
javascript学习7:Screen对象
名称说明返回availHeight返回屏幕上可供显示窗口部分的高度(排除工具栏之类)数值availWidth返回屏幕上可供显示窗口部分的宽度(排除工具栏之类)数值colorDepth返回屏幕的颜色深度数值height返回屏幕的高度数值width返回屏幕的宽度数值...原创 2021-02-12 10:00:12 · 130 阅读 · 0 评论 -
javascript学习6:History对象
名称说明返回back()在浏览历史里后退一步voidforward()在浏览历史里前进一步voidgo(index)转到相对于当前文档的某个浏览历史位置。正值是前进,负值是后退voidlength返回浏览历史里的项目数量数值pushState(state,title,url)向浏览器历史添加一个条目voidreplaceState(state,title,url)替换浏览器历史中的当前条目voidstate返回浏览器历史里关...原创 2021-02-12 09:59:41 · 83 阅读 · 0 评论 -
javascript学习5:Window对象
名称说明返回alert(msg)向用户显示一个对话框窗口并等候其被关闭voidblur()让窗口失去键盘焦点voidclearInterval(id)撤销某个时间间隔计时器voidclearTimeout(id)撤销某个超时计时器voidclose()关闭窗口voidconfirm(msg)显示一个带有确认和取消提示的对话框窗口布尔值defaultView返回活动文档的windowWindowdocument返回与...原创 2021-02-12 09:58:50 · 70 阅读 · 0 评论 -
javascript学习4:Location对象
名称说明返回assign(URL)导航到指定的URL上voidhash获取或设置文档URL的锚(井号串)部分字符串host获取或设置文档URL的主机名和端口号部分字符串hostname获取或设置文档URL的主机名部分字符串href获取或设置当前文档的地址字符串pathname获取或设置文档URL的路径部分字符串port获取或设置文档URL的端口号部分字符串protocol获取或设置文档URL的协议部分字符串...原创 2021-02-11 15:50:30 · 75 阅读 · 0 评论 -
javascript学习3:Document的成员
名称说明返回activeElement返回代表文档中当前获得焦点元素的对象HTMLElementbody返回代表文档中body元素的对象HTMLElementcharacterSet返回文档的字符集编码。这是一个只读属性字符串charset获取或设置文档的字符集编码字符串childNodes返回子元素的集合HTMLElement[]compatMode获取文档的兼容性模式字符串cookie获取或设置当前文档的cookie字...原创 2021-02-11 15:49:56 · 106 阅读 · 1 评论 -
javascript学习2:理解DOM
1、理解文档对象模型DOM是一组对象的集合,这些对象代表了HTML文档里的各个元素。顾名思义,DOM就像一个模型,它由代表文档的众多对象组成。DOM是Web开发的关键工具之一,它是HTML文档的结构和内容与JavaScript之间的桥梁。作为示例。作为显示HTML文档过程中的一个步骤,浏览器会解析HTML并创建一个模型。这个模型保存了各个HTML元素之间的层级关系,每个元素都由一个JavaScript对象表示。模型里的每一个对象都有若干属性和方法。当你用它们来修改对象的状态时,浏览器会让这些改动反映到原创 2021-02-11 15:49:17 · 64 阅读 · 1 评论 -
javascript学习1:初识javascript
1、使用Javascript<script type="text/javascript"> document.writeln("hello");</script>2、使用语句通常以分号结尾,但是不用分号也是可以的,加上了方便阅读。3、定义使用函数function myFunc() { document.writeln("this is a statement");}3.1 定义带参数的函数function myFunc(name, weather) { d原创 2021-02-11 12:18:56 · 117 阅读 · 1 评论