![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
杨道龙
南京邮电大学硕士,某大厂Android开发,软件开发狂热爱好者,热爱分享知识,CSDN博客认证专家。在CSDN原创文章300多篇。
展开
-
认识javascript
<!-- html: 负责了一个页面的结构. css: 负责了一个页面的样式。 javascript: 负责与用户进行交互。 javascript的历史: 微软 盖茨认为未来是"视窗"的世界。 网景: 1995年退出了一款浏览器(导航者)和liveScript(校验功能), 非常受欢迎。原创 2016-05-22 19:34:38 · 694 阅读 · 0 评论 -
javascript之DOM编程通过html元素的标签属性找节点
/* 通过html元素的标签属性找节点。 document.getElementById("html元素的id") document.getElementsByTagName("标签名") document.getElementsByName("html元素的name")*/ function showText(){ var inputNode = document.原创 2016-05-24 19:05:10 · 541 阅读 · 0 评论 -
javascript语法之函数的定义
/*函数: 函数的定义格式: function 函数名(形参列表){ 函数体 ; } javascript的函数要注意的细节: 1. 在 javascript中函数 定义形参时是不能使用var关键字声明变量 的。 2. 在javascript中 的函数是没有 返回值类型 的,如果函数需要返回数据给调用者,直接返回即可,如果不需要返回则不返回。 3. 在 javas原创 2016-05-22 21:08:26 · 416 阅读 · 0 评论 -
javascript之DOM文档对象模型编程的引入
/* DOM(Document Object Model) 文档对象模型 一个html页面被浏览器加载的时候,浏览器就会对整个html页面上的所有标签都会创建一个对应的 对象进行描述,我们在浏览器上看到的信息只不过就是这些html对象的属性信息而已。我们只要能找到 对应的对象操作对象的属性,则可以改变浏览器当前显示的内容。 var allNodes = document.原创 2016-05-24 18:58:05 · 403 阅读 · 0 评论 -
javascript语法之函数案例练习
需求:文本框内输入月份,弹窗提示本月天数。代码如下: function showDay(){//点击button后触发这个方法 //找到对应 的标签对象。 var inputObj = document.getElementById("month"); //获取input标签数据,获取的是文本框你输入的文字 var month = inputObj.value原创 2016-05-22 21:13:35 · 669 阅读 · 0 评论 -
javascript之BOM编程Screen(屏幕)对象
这个对象属性相对比较简单。掌握四个方法即可。 /*Screen(屏幕)对象 availHeight 获取系统屏幕的工作区域高度,排除 Microsoft Windows 任务栏。 availWidth 获取系统屏幕的工作区域宽度,排除 Windows 任务栏。 height 获取屏幕的垂直分辨率。 width 获取屏幕的水平分辨率。 */ docum原创 2016-05-24 17:12:57 · 589 阅读 · 0 评论 -
javascript语法之String对象
学习String类就是学习它的一些方法,主要用到方法全部罗列出来。如下: /* var str1 = new String("hello"); var str2 = new String("hello"); document.write("两个字符串的对象一样吗?"+(str1.toString()==str2.toString())); 创建一个字符串的方式:方式1:原创 2016-05-22 21:44:19 · 351 阅读 · 0 评论 -
javascript之BOM地址栏对象(Location)
/*地址栏对象(Location) href : 设置以及获取地址栏的对象 reload() 刷新当前的页面 */ function showURL(){ alert(location.href); //会弹窗显示地址栏信息为:D:\ee33期\day05\day05\代码\5location对象.html } function download(){原创 2016-05-24 17:09:46 · 678 阅读 · 0 评论 -
javascript语法之Date对象与小案例
/*日期对象(Date) */ var date = new Date(); //获取到当前的系统时间 document.write("年:"+ date.getFullYear()+""); document.write("月:"+ (date.getMonth()+1)+""); document.write("日:"+ date.getDate()+""); docu原创 2016-05-23 08:00:09 · 357 阅读 · 0 评论 -
javascript之BOM事件注册和案例
/* 事件: 注册事件的方式: 方式一: 直接在html元素上注册 function ready(){ alert("body的元素被加载完毕了..");原创 2016-05-24 17:01:19 · 522 阅读 · 0 评论 -
javascript之BOM浏览器对象模型引入
/*javascript组成部分: EMCAScript(基本语法) BOM( Browser Object MOdel) 浏览器对象模型.浏览器对象模型中把浏览器 的各个部分都是用了一个对象进行描述,如果我们要操作浏览器的一些属性,我就可以通过浏览器对象模型 的对象进行操作。 window 代表了一个新开的窗口 location 代表了地址栏对象。 screen 代表了整原创 2016-05-24 14:15:07 · 512 阅读 · 0 评论 -
javascript之prototype原型属性案例
练习: 给字符串对象添加一个toCharArray的方法,然后再添加一个reverse(翻转)的 方法 /*练习: 给字符串对象添加一个toCharArray的方法,然后再添加一个reverse(翻转)的 方法*/ //把 字符串转换成字符数组 String.prototype.toCharArray = function(){ var arr =原创 2016-05-24 14:02:24 · 631 阅读 · 0 评论 -
javascript之prototype原型属性
这个地方有点绕,仔细理解代码的意义。 /*需求:想把getMax与searchEle方法添加 到数组对象中。 functoin Array(){ this.prototype = new Object(); this.getMax = function(){ } } Prototype注意的细节: 1. prototype是函数(function原创 2016-05-23 22:53:22 · 595 阅读 · 0 评论 -
javascript语法之number对象和Math对象
这两个对象很简单,一个例子就能掌握用法。一:number对象。 /* Number对象。 创建Number对象的方式: 方式1: var 变量= new Number(数字) 方式2: var 变量 = 数字; 常用的方法: toString() 把数字转换成指定进制形式的字符串。 toFixed() 指定保留小数位,而且还原创 2016-05-23 08:08:22 · 429 阅读 · 0 评论 -
javascript之自定义数组工具对象
/*需求:编写一个js文件,在js文件中自定义一个数组工具对象,该工具对象要有一个找到最大值的方法,与找元素对应的索引值的方法。 */这个代码在ArrayTool.js文件中//创建ArrayTool的对象 var tool = new ArrayTool();function ArrayTool(){ //找最大值 this.getMax = function(arr原创 2016-05-23 22:35:00 · 692 阅读 · 0 评论 -
javascript之DOM编程根据属性找标签练习
首先看一下需求:当点击全选时,选中所有的,当再点击时,全部取消。且选中某些项,点击总金额,会显示处总的金钱数。 function checkAll(allNode){//当点击全选的时候触发这里。 //找到所有的的选项 var items = document.getElementsByName("item"); //找到全选按钮的对象 //v原创 2016-05-24 19:17:37 · 740 阅读 · 0 评论 -
javascript语法之with语句
/* with语句:有了 With 语句,在存取对象属性和调用方法时就不用重复指定对象。 格式: with(对象){ } */ with(document){ for(var i = 0 ; i<5; i++){ for(var j =0 ; j<=i ; j++){ write("* "); }原创 2016-05-22 21:04:36 · 437 阅读 · 0 评论 -
javascript语法之声明变量
/*javascript的变量声明: 格式: var 变量名 = 数据; 声明变量要注意的事项: 1. 在javascript中声明变量是 使用var关键字声明的,javascript中的变量可以存储任意的数据类型数据. 2. javascript中变量数据类型是根据存储的值决定的,可以随时更改存储数据的类型。 3. 定义了多个同名的变量是,后定义的同名变量是覆盖原创 2016-05-22 19:39:27 · 589 阅读 · 0 评论 -
javascript语法之字符串转换成数字
/* 字符串转数字 parseInt() 可以把一个字符串转换成整数。 parseFloat() 可以把一个字符串转换成小数。*/ var a = "12"; a = 12.64; a = "123abc123"; /* parseInt方法如果接收的字符串含有非数字的字符,那么parseInt方法会从字符串的首个字符开始寻找,一直找到非数字字符为止,然后就使用前面的数字字原创 2016-05-22 19:44:48 · 650 阅读 · 0 评论 -
javascript之JSON小案例,实现添加数据与清楚数据
对json应用给出一个小案例,加深一些理解:Insert title here function show() { var persons = [ { "name" : "zs", "age" : 23, "gender" : "male" }, { "name" : "ls", "age" : 24, "gender" : "femal原创 2016-05-25 10:44:16 · 654 阅读 · 0 评论 -
javascript之JSON引入
JSON: JavaScript Object Notation JavaScript 对象表示法。由于现在很多在服务器获取数据,很多都涉及json数据格式,因此学习json非常有必要。* 语法格式:1. {键1:值1,键2:值2...} -- json格式var person = {"name":"zhangsan","age":23,"gender":"male"};原创 2016-05-25 10:12:43 · 1011 阅读 · 0 评论 -
javascript语法之流程控制语句
/*控制流程语句 if语句 格式: if(判断条件){ 符合条件执行的代码 } if语句的特殊之处: 1. 在javascript中的if语句条件不单止可以写布尔表达式,还可以写任何的数据。 number 非0为true, 0为false. string 内容不能空是true, 内容空的时候是false。 undefined:fals原创 2016-05-22 19:54:38 · 434 阅读 · 0 评论 -
javascript综合小案例,校验用户注册信息提交
完成这个综合小案例,对于html、css、javascript的复习就结束了,要是实现的功能,以一张图片的形式给出:原创 2016-05-25 09:25:12 · 825 阅读 · 0 评论 -
javascript语法之循环语句
/*if switch switch语句的特殊之处: case后面可以跟常量与变量或者是表达式。 循环语句: while 格式: while(判断的条件){ 循环体内容 } var count = 0 ; while(count<5){ document.write("hello world"); count+原创 2016-05-22 20:42:32 · 376 阅读 · 0 评论 -
javascript之DOM编程正则表达式引入
在javascript中,正则表达式和java中区别不大。只有一小部分不同的地方: /*正则表达式的创建方式: "" 方式1: /正则表达式/模式 方式2: new RegExp("正则表达式",模式); 正则表达式对象常用的方法: test() 使用正则对象去匹配字符串 如果匹配成功返回ture,否则返回false. exec()原创 2016-05-24 22:17:53 · 450 阅读 · 0 评论 -
javascript之DOM编程改变CSS样式(简易验证码显示)
//产生一个四位的验证码。 function createCode(){ var datas = ['A','B','何','敏','凡','江','1','9']; // 0-7 长度8 var code = ""; for(var i = 0 ; i<4; i++){ //随机产生四个索引值 var index = Math.floor(Math.random()原创 2016-05-24 21:53:36 · 1605 阅读 · 0 评论 -
javascript语法之循环语句小练习
//需求1:显示"*"为正方形,5行5列。 for(var i = 0 ; i<5; i++){ // 控制行数 for(var j = 0 ; j<5 ; j++){ //控制列数 document.write("* "); } //换行 document.write("") } document.write("") /*输出一个直角三角形原创 2016-05-22 20:46:30 · 459 阅读 · 0 评论 -
javascript之DOM编程实现城市的联动框
需求;用一张图片表示。分析: function showCity(){ //维护一个二维数组存储省份对应的城市 var citys = [[],["广州","佛山","湛江","中山"],["长沙","衡阳","岳阳","郴州"],["南宁","桂林","贵港","柳州"]]; //获取省份对应的节点 var provinceNode原创 2016-05-24 21:43:00 · 560 阅读 · 0 评论 -
javascript语法之for-in语句
/*for-in语句: for-in语句的格式: for(var 变量名 in 遍历的目标){ } for-in语句的作用: 1. 可以用于遍历数组的元素。 注意: 使用for-in语句遍历数组元素的时候遍历出来是数组的下标。 2. 可以用于遍历对象的所有属性数据。 注意: 使用for-in语句遍历对象的属性的时候,遍历出来的是对象的属性名。*/原创 2016-05-22 20:52:28 · 393 阅读 · 0 评论 -
javascript之DOM编程增加附件
在开始这个案例之前,需要学习一下有关于根据子关系节点获取标签的几个方法。罗列如下/*通过关系(父子关系、兄弟关系)找标签。parentNode 获取当前元素的父节点。childNodes 获取当前元素的所有下一级子元素。firstChild 获取当前节点的第一个子节点。lastChild 获取当前节点的最后一个子节点。-----------------------------原创 2016-05-24 20:53:52 · 346 阅读 · 0 评论 -
javascript之DOM编程设置节点插入节点
/* 创建字节入插入节点、设置节点的属性。 document.createElement("标签名") 创建新元素节点 elt.setAttribute("属性名", "属性值") 设置属性 elt.appendChild(e) 添加元素到elt中最后的位置 */ var num = 1; function add(){ var inpu原创 2016-05-24 19:59:13 · 599 阅读 · 0 评论 -
javascript之数组对象与数组常用方法
/*Array数组对象: 创建数组的方式1: var 变量名 = new Array(); 创建一个长度为0的数组。 方式2: var 变量名= new Array(长度) 创建一个指定长度的数组对象。 方式3: var 变量名 = new Array("元素1","元素2"...); 给数组指定元素创建数组 的对象。 方式4: var 变量名 =原创 2016-05-23 22:02:21 · 522 阅读 · 0 评论