JavaScript系列
专门编写JavaScript内容
海洋的渔夫
这个作者很懒,什么都没留下…
展开
-
JavaScript介绍以及引用方式
仅供学习,转载请注明出处JavaScript介绍JavaScript是运行在浏览器端的脚步语言,JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互。 JavaScript是浏览器解释执行的,前端脚本语言还有JScript(微软,IE独有),ActionScript( Adobe公司,需要插件)等。前端三大块1、HTML:页面结构...原创 2019-03-14 01:08:01 · 184 阅读 · 0 评论 -
JavaScript 数组及操作方法
仅供学习,转载请注明出处数组及操作方法数组就是一组数据的集合,javascript中,数组里面的数据可以是不同类型的。定义数组的方法//对象的实例创建var aList = new Array(1,2,3);//直接量创建var aList2 = [1,2,3,'asd'];操作数组中数据的方法1、获取数组的长度:aList.length;...原创 2019-03-25 00:37:18 · 146 阅读 · 0 评论 -
JavaScript 使用getElementsByTagName获取元素
仅供学习,转载请注明出处使用getElementsByTagName获取元素可以使用内置对象document上的getElementsByTagName方法来获取页面上的某一种标签,获取的是一个选择集,不是数组,但是可以用下标的方式操作选择集里面的标签元素。<script type="text/javascript"> window.on...原创 2019-03-25 22:56:08 · 996 阅读 · 1 评论 -
JavaScript 超详细的字符串处理方法
仅供学习,转载请注明出处1、字符串合并操作:“ + ”var iNum01 = 12;var iNum02 = 24;var sNum03 = '12';var sTr = 'abc';alert(iNum01+iNum02); //弹出36alert(iNum01+sNum03); //弹出1212 数字和字符串相加等同于字符串相加ale...原创 2019-03-27 00:56:46 · 162 阅读 · 0 评论 -
JavaScript 判断输入的值为数字
仅供学习,转载请注明出处第一种方法:isNaN()使用js自带全局函数isNaN(), isNaN()返回一个Boolean值,如下 :<!DOCTYPE html><html><head> <title></title> <script type="text/javasc...原创 2019-03-27 21:10:12 · 1113 阅读 · 0 评论 -
JavaScript 定时器 setTimeout、setInterval
仅供学习,转载请注明出处定时器在javascript中的作用1、制作动画2、异步操作3、函数缓冲与节流定时器类型及语法示例代码如下:/* 定时器: setTimeout 只执行一次的定时器 clearTimeout 关闭只执行一次的定时器 setInterval 反复执行的定时器 clearInter...原创 2019-03-27 23:37:26 · 227 阅读 · 0 评论 -
JavaScript 类型转换
仅供学习,转载请注明出处1、直接转换 parseInt() 与 parseFloat()alert('12'+7); //弹出127alert( parseInt('12') + 7 ); //弹出19 alert( parseInt(5.6)); // 弹出5alert('5.6'+2.3); // 弹出5.62.3alert(parseFlo...原创 2019-03-27 21:20:28 · 111 阅读 · 0 评论 -
JavaScript 变量作用域
仅供学习,转载请注明出处变量作用域指的是变量的作用范围,javascript中的变量分为全局变量和局部变量。1、全局变量:在函数之外定义的变量,为整个页面公用,函数内部外部都可以访问。2、局部变量:在函数内部定义的变量,只能在定义该变量的函数内部访问,外部无法访问。<script type="text/javascript"> //全局...原创 2019-03-27 23:44:18 · 266 阅读 · 0 评论 -
JavaScript 封闭函数
仅供学习,转载请注明出处封闭函数是javascript中匿名函数的另外一种写法,创建一个一开始就执行而不用命名的函数。一般定义的函数和执行函数:function myalert(){ alert('hello!');};myalert();封闭函数:(function myalert(){ alert('hello!');})(...原创 2019-03-27 23:57:40 · 213 阅读 · 0 评论 -
JavaScript 全局变量
仅供学习,转载请注明出处全局变量示例<!DOCTYPE html><html><head> <title></title> <script type="text/javascript"> window.onload = function(){ ...原创 2019-03-20 00:24:18 · 165 阅读 · 0 评论 -
JavaScript 条件语句 - if else - switch
仅供学习,转载请注明出处条件语句通过条件来控制程序的走向,就需要用到条件语句。运算符1、算术运算符: +(加)、 -(减)、 *(乘)、 /(除)、 %(求余)2、赋值运算符:=、 +=、 -=、 *=、 /=、 %=3、条件运算符:==、===、>、>=、<、<=、!=、&&(而且)、||(或者)、!(否)i...原创 2019-03-19 22:50:52 · 210 阅读 · 0 评论 -
JavaScript 变量
仅供学习,转载请注明出处变量JavaScript 是一种弱类型语言,javascript的变量类型由它的值来决定。 定义变量需要用关键字 varvar iNum = 123; var sTr = 'asd'; //同时定义多个变量可以用","隔开,公用一个‘var’关键字 var iNum = 45,sTr='qwe',sCount='68';...原创 2019-03-14 01:40:16 · 167 阅读 · 0 评论 -
JavaScript 获取元素方法
仅供学习,转载请注明出处获取元素方法一可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素,获取到的是一个html对象,然后将它赋值给一个变量,比如:<script type="text/javascript"> var oDiv = document.getElementById('div...原创 2019-03-14 22:54:38 · 186 阅读 · 0 评论 -
JavaScript 操作元素属性
仅供学习,转载请注明出处获取的页面元素,就可以对页面元素的属性进行操作,属性的操作包括属性的读和写。操作属性的方法1、“.” 操作2、“[ ]”操作属性写法1、html的属性和js里面属性写法一样2、“class” 属性写成 “className”3、“style” 属性里面的属性,有横杠的改成驼峰式,比如:“font-size”,改成”style...原创 2019-03-14 23:37:38 · 337 阅读 · 0 评论 -
JavaScript 函数
仅供学习,转载请注明出处函数函数就是重复执行的代码片。函数定义与执行<script type="text/javascript"> // 函数定义 function fnAlert(){ alert('胖子老板来包烟'); } // 函数执行 fnAlert();</script&...原创 2019-03-15 00:15:01 · 127 阅读 · 0 评论 -
JavaScript 匿名函数
仅供学习,转载请注明出处需求在上一篇写了行间事件提取之后,可以发现其实此时函数的名称并不重要,应该可以不写函数名称就不写。那么下面先写一个提取行间事件的示例。提取行间事件可以从代码看到,在按钮的onclick事件是指向名称为fnClick的函数,然后再通过函数的名称找到函数体,再执行函数体。那么能否onclick 事件直接指向函数体呢?...原创 2019-03-17 22:16:55 · 200 阅读 · 0 评论 -
JavaScript 网页皮肤更换示例
仅供学习,转载请注明出处需求有很多时候,网站或者APP需要更换皮肤,那么这种功能是怎么实现的呢?简单来说,就是给一套皮肤写一个css样式文件,然后通过JavaScript去替换css样式文件,这样就可以达到更换皮肤的效果。下面来写一个简单的示例:根据设置两个按钮,点击不同的按钮,则显示不用的网页皮肤样式。文件结构首先准备一个html文件,两个css文...原创 2019-03-17 23:33:29 · 417 阅读 · 0 评论 -
JavaScript 函数与变量预解析的区别
仅供学习,转载请注明出处简介在JavaScript中,对于变量的预解析是设置一个undefined,则函数则是提前编译好内部的所有值。下面写个示例直观感受一下。预解析示例编写一个变量的打印以及函数打印变量,查看区别。<!DOCTYPE html><html><head> <title><...原创 2019-03-17 23:35:56 · 199 阅读 · 0 评论 -
JavaScript 算术运算符、赋值运算符
仅供学习,转载请注明出处运算符1、算术运算符: +(加)、 -(减)、 *(乘)、 /(除)、 %(求余)2、赋值运算符:=、 +=、 -=、 *=、 /=、 %=3、条件运算符:==、===、>、>=、<、<=、!=、&&(而且)、||(或者)、!(否)需求上一篇张介绍了JavaScript的加法运算,那么下面...原创 2019-03-19 00:55:01 · 206 阅读 · 0 评论 -
JavaScript 常用内置对象
仅供学习,转载请注明出处1、documentdocument.getElementById //通过id获取元素document.getElementsByTagName //通过标签名获取元素document.referrer //获取上一个跳转页面的地址(需要服务器环境)2、locationwindow.location.href //获取或...原创 2019-03-28 00:07:23 · 120 阅读 · 0 评论