[妙味 DOM] 第二课：DOM、BOM相关方法及属性

【[妙味 DOM] 第二课：DOM、BOM相关方法及属性】的更多相关文章

[妙味Ajax]第二课：实例：留言板、瀑布流

知识点总结瀑布流原理(固定布局) 总宽度大小固定每列宽度固定,比如LI,高度自动计算,每列使用float:left来布局计算最短的一列,将Div插到最短的一列处(li里面包div)(getShort函数) 即 <ul> <li>  <div></div> </li> <li></li> <li></li> <li></li>…

知识点总结获取样式.增加样式.删除样式函数的封装表格 tHead tBodies tFoot rows 行 cells 列表单表单可以通过name来获取元素:表单.name值 onchange 当值发生改变时触发 text: 当光标移开时触发 radio/checkbox: 标准下点击改变就触发,非标准下改变并光标离开时才触发(推荐使用onclick),判断是否选中checked select: 值发生改变时触发 onsubmit 事件当提交表单时触发 submit() 方法,比如:页…

[妙味Ajax]第一课：原理和封装

知识点总结: ajax是异步的javascrip和xml,用异步的形式去操作xml 访问的是服务端,即https://127.0.0.1/ 或者 https://localhost 1.创建一个ajax对象(＝打开浏览器) 存在兼容性方面的问题 var xhr = new XMLHttpRequest(); var xhr = new ActiveXObject('Microsoft.XMLHTTP); IE6 方法一:var xhr = null; if(window.XMLHttpReq…

BOM相关方法及属性

browser objec tmodel浏览器对象模型 BOM里面的方法大多在window对象底下,window代表窗口,也就是说,在BOM里面大多调用window下面的东西. 1.open方法是window底下的一个方法 window.open(页面的地址URL,打开的方式)方法,打开一个新的界面如果URL为空,则默认打开一个空白页面:如果打开方式为空,则默认新窗口方式打开返回值:返回新打开的窗口的window对象 <!DOCTYPE html> <html lang="…

妙味课堂——HTML+CSS(第一课)

一句话,还记忆不如烂笔头,何况还这么笨,记下笔记,也是记录这一路学习的过程. 妙味课堂第一课并未一味地先讲HTML,而是穿插着CSS讲解,这一点不同于一些其他视频,这一点挺特别的!所以这一课涉及到HTML的知识,也并未多讲,倒是CSS中的内容讲的比较多.记录如下: HTML(Hypertext Markup Language)——超文本标记语言(结构) css(Cascading Style Sheets)——层叠样式表(样式) js(javascript)―― 行为为了更快地初步了解这三种语…

风炫安全WEB安全学习第二十二节课 DOM型XSS讲解

风炫安全WEB安全学习第二十二节课 DOM型XSS讲解 Dom型XSS演示通过Javascript,可以重构整个HTML文档,你可以添加.移除.改变或重排页面上的项目要改变页面的某个东西,JavaScript就需要获得对HTML文档中所有元素进行访问的入口,这个入口,连同对HTML元素进行添加.移动.改变或者移除的方法和属性,都是通过文档对象模型来获得的(DOM) 所以,你可以把DOM理解为一个一个访问HTML的标准编程接口参考: http://blog.evalshell.com/202…

HTML的DOM和浏览器的BOM

DOM和BOM的区别 HTML DOM 的 document 是 BOM 的 window 对象的属性之一: 通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML. JavaScript 能够改变页面中的所有 HTML 元素 JavaScript 能够改变页面中的所有 HTML 属性 JavaScript 能够改变页面中的所有 CSS 样式 JavaScript 能够对页面中的所有事件做出反应为了做到这件事情,您必须首先找到该元素.有三种方法来做这件事: 通过 i…

妙味课堂:JavaScript初级--第11课：字符串、查找高亮显示

1.数字字母 Unicode 编码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script> var str = '妙味课堂'; // alert( str.length ); //字符串…

DOM相关方法，属性整理

DOM相关方法,属性整理1.获取元素的方法 1根据id获取对象 document.getElementById(''); 2根据标签名获取对象 document.getElementsByTagName('') 3根据类名获取元素对象 document.getElementsByClassName('') 4获取body元素 document.body2.节点/元素相关方法 1获取子节点 var 子节点的伪数组=父亲.childNodes 2获取子元素 var 子元素的伪数组=父亲.childr…

妙味课堂——HTML+CSS(第四课)(二)

单开一篇来讲一个大点的话题——清浮动来看下例: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .box { width: 300px; margin: 0 auto; border: 10px solid #000; }…