js代码

JS基础-DOM Document对象

孤人 提交于 2019-12-07 14:35:40
DOM 节点 节点(Node) 释义 对象 文档节点 整个文档 Document 对象 元素节点 每个HTML元素 Eelement 对象 文本节点 HTML元素内的文本 Text 对象 属性节点 每个HTML的属性 Attribute 对象 注释节点 文档的注释内容 Comment 对象 Attributes属性节点 属性 释义 nodeType 节点类型 nodeValue 节点值 nodeName 节点名称 innerHTML 节点(元素)的文本值 导航属性 属性 释义 parentNode 节点(元素)的父节点 firstChild 节点下第一个子元素 lastChild 节点下最后一个子元素 childNodes 节点(元素)的子节点 Document 对象方法 方法 描述 open() 打开一个流,以收集来自任何 document.write() 或 document.writeln() 方法的输出。 close() 关闭用 document.open() 方法打开的输出流,并显示选定的数据。 write() 向文档写 HTML 表达式 或 JavaScript 代码。 writeln() 等同于 write() 方法,不同的是在每个表达式之后写一个换行符。 getElementById() 获取指定 Id 的对象的引用。 getElementsByName()

js中遇到的一些操作记录

邮差的信 提交于 2019-12-07 14:35:27
一 js中的split()函数可以对字符串按照指定的符号进行分割,但是如果字符串中存在多个分割符号,js的split()函数是否还可以胜任呢,答案是肯定的,js的split()函数可以通过正则表达式实现多分隔符的字符串分割,调用也很简单,下面是详细范例。 下面的代码可以通过js split方法对字符串按照逗号分割 1 2 var mystring = "a,b,c,d,e"; var myarray = mystring.split(","); 如果有这样一个字符串:"jb51.net,google.com,baidu.com_weibo.com_haotu.net", 我们希望同时按照逗号和下划线对网站地址进行分割,参考下面的代码: split中用正则表达式 /[,_]/ 里面的任何一个字符 1 2 var mystring = "jb51.net,google.com,baidu.com_weibo.com_haotu.net"; var myarray = mystring.split(/[,_]/); 二 去除数组中的重复元素,返回数组 function unique(arr) { var result = [], hash = {}; for ( var i = 0, elem; (elem = arr[i]) != null ; i++ ) { if (! hash

前端知识之HTML

て烟熏妆下的殇ゞ 提交于 2019-12-07 14:20:09
前端知识之HTML js的介绍 js 的全称: javascript ,布兰登 · 艾奇 LiveScript, javascript 我们要的学习的js主要三部分构成: ECMAscript语法 BOM Browser Object Model 浏览器对象模型 DOM Document Object Model 文档对象模型 js的基本使用 js也有自己的代码文件,文件格式以“.js”结尾. <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <script> alert(123) </script></body></html> 三种使用方式 行内式 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <h1 onclick="alert(123)">点我呀!!!</h1> //当点击 点我呀!!! 时会出现下边的图片显示</body></html> 内部导入 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title<

前端知识之HTML

主宰稳场 提交于 2019-12-07 14:19:08
前端知识之HTML js的介绍 js 的全称: javascript ,布兰登 · 艾奇 LiveScript, javascript 我们要的学习的js主要三部分构成: ECMAscript语法 BOM Browser Object Model 浏览器对象模型 DOM Document Object Model 文档对象模型 js的基本使用 js也有自己的代码文件,文件格式以“.js”结尾. <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <script> alert(123) </script></body></html> 三种使用方式 行内式 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <h1 onclick="alert(123)">点我呀!!!</h1> //当点击 点我呀!!! 时会出现下边的图片显示</body></html> 内部导入 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title<

前端知识之HTML

偶尔善良 提交于 2019-12-07 14:18:28
前端知识之HTML js的介绍 js 的全称: javascript ,布兰登 · 艾奇 LiveScript, javascript 我们要的学习的js主要三部分构成: ECMAscript语法 BOM Browser Object Model 浏览器对象模型 DOM Document Object Model 文档对象模型 js的基本使用 js也有自己的代码文件,文件格式以“.js”结尾. <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <script> alert(123) </script></body></html> 三种使用方式 行内式 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <h1 onclick="alert(123)">点我呀!!!</h1> //当点击 点我呀!!! 时会出现下边的图片显示</body></html> 内部导入 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title<

js 中{},[]中括号,大括号使用详解(转)

有些话、适合烂在心里 提交于 2019-12-07 12:11:05
js 中{},[]中括号,大括号使用详解 作者: 字体:[ 增加 减小 ] 类型:转载 <!--end art_info--> { } 大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数 <!--NEWSZW_HZH_BEGIN--> 一、{ } 大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数。 如:var LangShen = {"Name":"Langshen","AGE":"28"}; 上面声明了一个名为“LangShen”的对象,多个属性或函数用,(逗号)隔开,因为是对象的属性, 所以访问时,应该用.(点)来层层访问:LangShen.Name、LangShen.AGE,当然我们也可以用数组的方式来访问,如:LangShen["Name"]、LangShen["AGE"],结果是一样的。 该写法,在JSON数据结构中经常用,除此之外,我们平时写函数组的时候,也经常用到,如: 复制代码 代码如下: var LangShen = { Name = function(){ return "LangShen"; }, Age = function(){ return "28"; } } 调用方式差不多,因为是函数组,所以要加上(),如:alert( LangShen.Name() ); 二、[ ]中括号,表示一个数组,也可以理解为一个数组对象。

简单js的介绍

陌路散爱 提交于 2019-12-07 12:03:27
JavaScript 简介 JavaScript 是世界上最流行的编程语言。 这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。 JavaScript 很容易学习。 您将学到什么 下面是您将在本教程中学到的主要内容。 JavaScript:写入 HTML 输出 实例 document.write("<h1>This is a heading</h1>"); document.write("<p>This is a paragraph</p>"); 提示:您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法,会覆盖整个文档。 JavaScript:对事件作出反应 实例 <button type="button" onclick="alert('Welcome!')">点击这里</button> alert() 函数在 JavaScript 中并不常用,但它对于代码测试非常方便。 onclick 事件只是您即将在本教程中学到的众多事件之一。 JavaScript:改变 HTML 内容

RTB技术总结--------神秘的iframe

最后都变了- 提交于 2019-12-07 10:54:38
在某个神秘的代码技术研究,被老板骂得狗血两天。 老板说,你要纵观全局,应该对RTB的思路是提出问题想法,比解决一个技术难点更加重要。 我只回了一句,没有强大的技术支持,你的破思想都是浮云。 起初这个什么iframe好奇,来自于tanx的动态广告投放! 对于这个神秘的iframe研究,昨天才有了结果,已经研究了一个月之久。我以为神奇的oschina会有结果,结果,没有结果的结果。还是我自己来填补这个空缺。 这RTB的研究博客将持续写下去,都是一些特别的js,特别的用法。至少对于一个我这个java程序员来说。跑去研究javascript的核心,深深的对于、其他dsp、dmp、adx 的js代码感到神奇。 一个月前的提问 http://www.oschina.net/question/1037462_231599 这个我经过大量的测试,大量的js去实现 用到了纯js去创建 document标签 var content = document.createElement("div"); content.style.cssText="display:inline-block;position:relative;width:"+vlion_main.vlion_width+"px;height:"+vlion_main.vlion_high+"px;*display:inline;*zoom:1

Javascript模块化编程(三):require.js的用法

試著忘記壹切 提交于 2019-12-07 10:11:19
作者: 阮一峰 这个系列的 第一部分 和 第二部分 ,介绍了Javascript模块原型和理论概念,今天介绍如何将它们用于实战。 我采用的是一个非常流行的库 require.js 。 一、为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的网页代码,相信很多人都见过。   <script src="1.js"></script>   <script src="2.js"></script>   <script src="3.js"></script>   <script src="4.js"></script>   <script src="5.js"></script>   <script src="6.js"></script> 这段代码依次加载多个js文件。 这样的写法有很大的缺点。首先,加载的时候,浏览器会停止网页渲染,加载文件越多,网页失去响应的时间就会越长;其次,由于js文件之间存在依赖关 系,因此必须严格保证加载顺序(比如上例的1.js要在2.js的前面),依赖性最大的模块一定要放到最后加载,当依赖关系很复杂的时候,代码的编写和维 护都会变得困难。 require.js的诞生,就是为了解决这两个问题:      (1

Javascript模块化编程(三):require.js的用法

本秂侑毒 提交于 2019-12-07 10:10:47
Javascript模块化编程(三):require.js的用法 这个系列的 第一部分 和 第二部分 ,介绍了Javascript模块原型和理论概念,今天介绍如何将它们用于实战。 我采用的是一个非常流行的库 require.js 。 一、为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的网页代码,相信很多人都见过。   <script src="1.js"></script>   <script src="2.js"></script>   <script src="3.js"></script>   <script src="4.js"></script>   <script src="5.js"></script>   <script src="6.js"></script> 这段代码依次加载多个js文件。 这样的写法有很大的缺点。首先,加载的时候,浏览器会停止网页渲染,加载文件越多,网页失去响应的时间就会越长;其次,由于js文件之间存在依赖关系,因此必须严格保证加载顺序(比如上例的1.js要在2.js的前面),依赖性最大的模块一定要放到最后加载,当依赖关系很复杂的时候,代码的编写和维护都会变得困难。 require.js的诞生