js代码

使用js获取select选中文本

我们两清 提交于 2020-02-16 07:30:12
jquery获取select选择的文本与值 获取select : 获取select 选中的 text : $("#ddlregtype").find("option:selected").text(); 获取select选中的 value: $("#ddlregtype ").val(); 获取select选中的索引: $("#ddlregtype ").get(0).selectedindex; 设置select: 设置select 选中的索引: $("#ddlregtype ").get(0).selectedindex=index;//index为索引值 设置select 选中的value: $("#ddlregtype ").attr("value","normal“); $("#ddlregtype ").val("normal"); $("#ddlregtype ").get(0).value = value; 设置select 选中的text: var count=$("#ddlregtype option").length; for(var i=0;i<count;i++) { if($("#ddlregtype ").get(0).options[i].text == text) { $("#ddlregtype ").get(0).options[i]

原生js方面的兼容性问题

夙愿已清 提交于 2020-02-16 01:54:16
1.关于获取行外样式 currentStyle 和 getComputedStyle 出现的兼容性问题 我们都知道js通过style不可以获取行外样式,当我们需要获取行外样式时: 我们一般通过这两个方法获取行外样式: IE下: currentStyle Chrome,FF下: getComputedStyle(oDiv,false) 兼容两个浏览器的写法: if(oDiv.currentStyle){ alert(oDiv.currentStyle.width); }else{ alert(getComputedStyle(oDiv,false).width); } *注:在解决很多兼容性写法时,都是用if..else.. 封装一个获取行外样式的函数:(兼容所有浏览器,包括低版本IE6,7) funtion getStyle(obj,name){ if(obj.currentStyle){ //IE return obj.currentStyle[name]; }else{ //Chrom,FF return getComputedStyle(obj,false)[name]; } } 调用:getStyle(oDiv,'width'); 2.关于用“索引”获取字符串每一项出现的兼容性问题: 对于字符串也有类似于 数组 这样的通过 下标索引 获取每一项的值, var str=

js中添加事件 attachEvent 与 addEventListener

让人想犯罪 __ 提交于 2020-02-16 01:10:38
给元素添加事件时,使用js进行实现时产生了疑惑,有关事件浏览器兼容的问题,在此记录如下。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>IFE JavaScript Task 01</title> 6 </head> 7 <body> 8 9 <label>请输入北京今天空气质量:<input id="aqi-input" type="text"></label> 10 <button id="button">确认填写</button> 11 12 <div>您输入的值是:<span id="aqi-display">尚无录入</span></div> 13 14 <script type="text/javascript"> 15 16 (function() { 17 /* 18 在注释下方写下代码 19 给按钮button绑定一个点击事件 20 在事件处理函数中 21 获取aqi-input输入的值,并显示在aqi-display中 22 */ 23 var zhiliang = document.getElementById("aqi-input"); 24 var button1 = document.getElementById("button"); 25 var

JS--基础

六眼飞鱼酱① 提交于 2020-02-15 17:20:24
001、你对js的理解 a、由网景公司(Netscape)开发 b、这是一个跨平台的脚本语言 c、应用在网页中,用来操作浏览器及网页内容 d、javascript最初的设计是为了检验HTML表单输入的正确性 002、js的三大组成部分 ECMAScript:一种规范 BOM(browser) object Model:浏览器对象模型 DOM(document):文档对象模型 003、js引入的方式 1、<div onclick="alert(1)"></div> 2、写在<script></script> <script> alert(1) </script> 3、写在js文件 <script src="js/index.js"></script> 004、js的注释 单行注释:// 多行注释:/**/ 005、js中变量的命名规则 规则:数字、字母、下划线、$符号,其中不能以数字开头 声明:不可以使用关键字和保留字 建议:见名知意 命名方法:驼峰命名法、常规命名(_连接)、匈牙利命名 006、js中的数据类型有哪些 js的数据类型分为:基本数据类型、复杂数据类型 基本数据类型:number string boolean null undefined 复杂数据类型:object 007、null 、 true false转换成数字的值都是多少 false如果转换成一个数字的话是0

软件测试教程之Android中对于json的解析

℡╲_俬逩灬. 提交于 2020-02-15 15:42:01
大家分享一些Android中对于json解析的相关知识,帮助大家更好的来理解移动端测试分析。 首先大家要明白什么是json?json(Javascript Object Notation)是一种数据交换格式,相比于xml数据交换格式来说,因为解析xml比较的复杂,而且需要编写大段的代码,所以client和server的数据交换格式往往通过json来进行交换。尤其是对于web开发来说,json数据格式在客户端直接可以通过javascript来进行解析。 JsonObject:包含一对儿(Key/Value)数值。一般被称为键值对。它对外部调用的呼应体现为一个规范的字符串(例如:{"JSON": "nin,hao"},最外被大括号包裹,其间的Key和Value被冒号":"分隔)。其对于内部行为的操作格局稍微,例如:初始化一个JSONObject实例,引证内部的put()办法增加数值:new JSONObject().put("JSON","nin,hao"),在Key和Value之间是以逗号","分隔。Value的类型包含:Boolean、JSONArray、JSONObject、String等 。 JSONStringer:JSON文本构建类,这个类能够帮助快速和快捷的创立JSON text。其最大的优势在于能够削减因为格局的过错导致程序反常

JS基础

巧了我就是萌 提交于 2020-02-15 15:41:28
1.在HTML页面中嵌入JavaScript代码方式 使用JavaScript:前缀构建执行JavaScript代码 2.使用<script></script>标签来包含JavaScript代码 <body> <a href="javascript:alert('使用前缀运行JavaScript');"></a> <script type="text/javascript"> alert("直接运行的JavaScript"); </script> </body> 3.导入外部的JavaScript文件 为了让HTML页面和JavaScript脚本更好地分离,我们可以将JavaScript脚本单独保存到一个*.js文件,HTML页面导入该*.js文件即可。 导入JavaScript脚本文件的语法如下 <script src=”outer.js” type="text/javascript"></script> 4.变量: 隐式定义:直接给变量赋值 a=1; alert (a); 显式定义:使用var定义变量(定义多个变量时以,隔开) var a=1; alert (a); 5.变量名 首字母必须是字母(大小写均可)、下划线(_)、或者美元符号($) 余下的字母可以是下划线、美元符号、任意字母或者是数字字符 变量名不能使关键字 6.数据类型 数值类型(number):包含整数和浮点数;

js优化细则整理(详细版)

非 Y 不嫁゛ 提交于 2020-02-15 13:31:53
目录 原生js部分 关于JQ部分 原生js部分 参考文章 js性能优化的小知识 javascript性能优化技巧 JavaScript性能优化之小知识总结 DOM编程 建议将对象进行缓存处理,特别是DOM访问是比较消耗资源的 使用DocumentFragment优化多次append 一旦需要更新DOM,请考虑使用文档碎片来构建DOM结构,然后再将其添加到现存的文档中。 for (var i = 0; i < 1000; i++) { var el = document.createElement('p'); el.innerHTML = i; document.body.appendChild(el); } //可以替换为: var frag = document.createDocumentFragment(); for (var i = 0; i < 1000; i++) { var el = document.createElement('p'); el.innerHTML = i; frag.appendChild(el); } document.body.appendChild(frag); 使用一次innerHTML赋值代替构建dom元素 对于大的DOM更改,使用innerHTML要比使用标准的DOM方法创建同样的DOM结构快得多。 var frag =

js笔记

左心房为你撑大大i 提交于 2020-02-15 13:16:03
1.javaScript--->是一种强大的脚本语言 脚本语言:无法独立执行,必须嵌入到其他语言中结合使用 编程语言:独立写程序,可独立运行。 1.javaScript组成 ECMAScript:基础语法 DOM:文档对象模型,对HTML中的 标签进行操作 BOM:浏览器对象模型,对浏览器进行操作 2.引入方式: 内部脚本: <script type=”text/javascript”> JavaScript的代码 </script> 外部引入 <script type=”text/javascript” src=”javascript文件路径” ></script> 2.基本数据类型 1.变量命名规则: 必须以字母或下划线开头,中间可以是数字、字符或下划线 不能使用js关键字如function this class 严格区分大小写 2.定义格式:var 变量名=变量值 3.基本数据类型 string boolean number null undefined 4.运算符 比较运算符< <= > >= != == === //=== 全等,值和类型均相等 逻辑运算符 && || ! 5.typeof可得到变量的类型 如果变量为引用类型或null,返回object 6.引用数据类型: js中不存在类的概念,所处理的引用类型都是对象 创建对象: var str = new String

web移动开发最佳实践之js篇

我怕爱的太早我们不能终老 提交于 2020-02-15 12:02:16
一、js概述   js即 JavaScript ,是被设计用来验证表单、检测浏览器、创建cookies、改进设计以及更多应用的 网络脚本语言 ,它非常容易使用。在web应用中,它是主要的 编程语言 ,主要用途是进行各种 逻辑控制 、 行为展现 等。对于js的优化,对于整个应用的提升都是 非常显著 的。 二、使用字面量(literal notation)来声明对象和数组   创建对象和数组的方法有很多,但是使用 字面量 是最 简单 最 快 的。传统的方法是使用 内建的构造器 声明: //create an object var obj = new Object(); obj.debug = false; obj.lang = "en"; //create an array var arr = new Array("one", "two", "three"); 这种方式在 技术上 是没问题的,但是使用字面量声明会 更快 而且 代码更少 : //create an object var obj = {debug: false, lang: "en"}; //create an array var arr = ["one", "two", "three"]; 三、避免使用全局变量和函数   即把 属性 和 方法 都绑定到一个 命名空间 对象里,这样不仅可以 减少命名冲突 ,而且可以

[js]javascript高级-学习笔记

不打扰是莪最后的温柔 提交于 2020-02-15 11:39:38
打算做一个js面向对象的贪吃蛇,但是最终是流产了,整理了下废弃的代码,回顾了下PPT.伤.... 一.js面向对象的一种实现   <script type="text/javascript"> function Person() { this.name = "张三"; this.age = 0; var nickName = "小三"; //类似私有变量,函数中的局部变量在函数执行完后自动销毁. this.SayHi = function () { alert("我的名字是" + this.name + " ,大家都叫我" + nickName + " ,我今年已经" + this.age + "岁了"); } } ///////////////////////// function Student(myclass, myteacher) { this.myClass = myclass; this.myTeacher = myteacher; this.SayHi = function () { if (this.myClass != undefined) { alert("我是"+this.myClass+"的"+this.name); } else if (arguments.length == 2) { alert("我是" + this.myClass + "的" +