javascript
关注
分享
扫一扫
木生火
起舞弄清影，人间近黄昏;今夕是何年，点亮一盏灯
Email:2156858566@qq.com
展开
-
前端讲义34_javascript使用HTML元素事件属性
比如当用户点击一个HTML元素时，事件发生了可以执行JavaScript代码，简单点代码 <p onclick="this.innerHTML='谢谢!'">点击我!</p> 或者 <p onclick="changetext(this)">点我!</p> <script> function changetext(id){ ...原创 2019-05-11 23:39:58 · 226 阅读 · 0 评论 -
前端讲义24_HTML5支持Javascript新特性defer async
在HTML5之前,浏览器解析到<script,,,/>元素时，浏览器会停止继续解析，执行HTML页面，而是执行以下两个动作： 1，根据src属性下载对应的javascript脚本文件 2，解析/执行javascrpt文件如果脚本文件先执行调用在其后加载HTML元素，则会出错 HTML5增强属性defer 用于指定脚本延迟执行，它会告诉浏览器等整个页面加载之后再执行该<script...原创 2019-05-03 11:54:10 · 112 阅读 · 0 评论 -
前端讲义23_Javascript数组应用实例-级联的下拉列表
选中第一个列表项，级联第二个下拉列表 运行效果 HTM5规范，源码代码文件cascadeMenu.html , 如下： <!DOCTYPE html> <html> <head> <meta name="author" content="msh" /> <meta http-equiv="Content-Type" co...原创 2019-05-02 21:16:46 · 245 阅读 · 0 评论 -
前端讲义26_Javascript对象与方法
对象是拥有属性和方法可以使用字符来定义和创建 JavaScript 对象:var person = { firstName:"木", lastName:"生火", age:150, eyeColor:"black", id:”C10094207” }; 键值对写法为 name : value (键与值以冒号分割), 通常称为对象属性 访问对象属性person. age; person["ag...原创 2019-05-03 14:02:27 · 168 阅读 · 0 评论 -
前端讲义29_Javascript简单验证有效Email
电子邮件地址最简短格式 X[a-z][0-9]@Y[a-z][0-9].ZZ[a-z][0-9] 其中X,Y,ZZ为不可缺的字符 1必须包含 @ 符号和点号。 2首字符不可以是@，@ 之后至少有一个点号 3点号之后至少有两个字符 <body> <script> function validateForm(){ var x=document.forms["sen...原创 2019-05-04 14:57:39 · 405 阅读 · 0 评论 -
前端讲义30_javascript转换JSON数据为对象
一般从服务器中读取JSON数据，然后在网页中显示数据 JSON数据格式 "name":"csdn" JSON对象格式 {"name":"csdn", "url":"www.youkuaiyun.com"} JSON数组格式 "sites":[ {"name":"csdn", "url":"www.youkuaiyun.com"}, {"name":"msh2016", "url":"blog.csd...原创 2019-05-04 15:26:59 · 460 阅读 · 0 评论 -
前端讲义31_ javascript访问HTML DOM常用方法
HTML文档中的所有内容都是节点，整个文档是一个文档节点。 每个元素是元素节点，元素内的文本是文本节点， 元素的属性是属性节点 举例 <html> <head> <meta charset="utf-8"> <title>优快云教程</title> </head> <body>...原创 2019-05-09 22:20:30 · 131 阅读 · 0 评论 -
前端讲义32_javascript创建表格元素
DOM添加新元素，先创建该元素节点，然后把它追加到已有的元素上。 <html> <head> <meta charset="utf-8"> <title>DOM创建表格元素 </title> <script language="javascript"> //创建表格 function createTable(w,h...原创 2019-05-10 22:37:33 · 174 阅读 · 0 评论 -
前端讲义25_Javascript变量作用域
JavaScript没有块级作用域，取而代之地使用了函数作用域。 函数里声明的所有变量（但不涉及赋值）都被"提前"至函数体的顶部。 变量在函数外定义，即为全局变量 变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量。 在 HTML 中, 全局变量是 window 对象: 所有数据变量都属于 window 对象。 一般情况下，window对象的内置属性都拥有全局作用域，例如windo...转载 2019-05-03 12:44:30 · 96 阅读 · 0 评论 -
前端讲义27_Javascript函数及自调用
函数声明后不会立刻执行，在需要时调用 function functionName (parameters) { exec code...; } <body> <p id="add"></p> <script> function addFunc(a,b){return a+b;} document.getElementById("add")....原创 2019-05-03 23:24:44 · 195 阅读 · 0 评论 -
前端讲义22_javascript事件分类
javascript事件分类一般事件 onclick 鼠标点击时触发此事件 ondblclick 鼠标双击时触发此事件 onmousedown 按下鼠标时触发此事件 onmouseup 按下鼠标后松开鼠标触发此事件 onmousemove 当鼠标移动时触发此事件 onmouseover 当鼠标移动到某对象范围的上方时触发此事件 onmouseout 当鼠标离开某对象范围时触发此事件...原创 2019-05-02 20:47:09 · 128 阅读 · 0 评论 -
前端讲义21_Javascript数组Array拼接成新数组
concat()方法 用于基于当前数组创建一个新数组。 首先创建原数组的一个副本，然后将接收的参数添加到数组末尾，返回新数组。var arr = [1,2,3], arr2 = arr.concat([4,5]), arr3 = arr.concat(6,7), arr4 = arr.concat(8,[9,10]); alert(arr); //1,2,3 alert(a...原创 2019-05-02 20:41:14 · 403 阅读 · 0 评论 -
前端讲义33_javascript创建表单元素
创建表单元素：文本框text，按钮 button <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <p id="p1">创建表单项:文本,按钮 </p> <script language="javascri...原创 2019-05-11 21:13:11 · 181 阅读 · 0 评论 -
JavaScript-1.1_渐进式JavaScript框架（vue.js）
JS框架（Vue.js） JS框架（Vue.js）用于构建用户界面的渐进式框架，核心库只关注视图层，采用简洁的模板语法来声明式地将数据渲染进DOM 的系统。 刚开始学习前端开发，不要将框架作为第一步，先去了解关于 HTML、CSS 和 JavaScript 知识点。 ViewModel是Vue.js的核心，它是一个Vue实例。Vue实例是作用于某一个HTML元素上的，这个元素可以是HTML的...原创 2018-02-24 09:58:42 · 516 阅读 · 0 评论 -
前端讲义14_javascript数据类型
JavaScript中的变量为松散类型，所谓松散类型就是指当一个变量被申明出来就可以保存任意类型的值，不像SQL申明某个键值为int就只能保存整型数值，申明varchar只能保存字符串。 基本类型和引用类型 基本类型是指简单的数据段 引用类型指那些可能包含多个值的对象 基本类型：Null、Undefined、Number、String、Boolean 引用类型：Object、Array、Date、...原创 2019-05-02 13:00:47 · 177 阅读 · 0 评论 -
前端讲义15_javascript五种基本数据类型
Undefined类型var aa; alert(aa); //undefined Undefined类型只有一个特殊值即undefiend。所有未初始化的变量均会保存该值。 undefined与未定义的变量不同，如果在代码中调用某个未定义(申明)的变量，解析器会提示错误信息。Null类型 Null类型同样也只包含一个值即null，从逻辑上看它被当作空对象指针，正是由于这个特性，如果你定义某个变...原创 2019-05-02 13:04:55 · 229 阅读 · 0 评论 -
前端讲义16_javascript类型转换
字符串转换成数字parseInt()与parseFloat()函数是专门用于把字符串转换成数字的 parseInt()函数在转换字符串时，会忽略前面的空格，直到找到第一个非空字符。 如果第一个非空字符不是数字字符或者负号则返回NaN。 如果第一个字符是数值字符会继续解析第二个，直到解析完整个字符串或者遇到了一个非数值字符。parseInt(""); //NaN parseInt(3.14); //...原创 2019-05-02 15:27:24 · 161 阅读 · 0 评论 -
前端讲义17_javascript引用类型（object --Array）
Object是引用类型的基础，其他的引用类型也是以Object为根本 重点介绍介绍引用类型Array数组 JavaScript中基于对象（Object）创建了类数组的结构，把数组的下标转换成字符串当作属性。 两种申明方式1，Array()构造函数 new操作符调用Array构造函数，完成数组的实例化 var myArr = new Array(); 当传入的参数是数值时，生成一个length属性...原创 2019-05-02 19:50:00 · 150 阅读 · 0 评论 -
前端讲义18_Javascript数组Array并接成字符串
数组并接成字符串 join()方法 以指定字符做连接字符，依次连接数组中的项并返回构成的字符串，在不传入参数或者传入参数为undefined时以","拼接。 var colorArr = ["red","green","blue"]; alert(colorArr.join()); //red,green,blue alert(colorArr.join(undefined)); //r...原创 2019-05-02 20:22:19 · 309 阅读 · 0 评论 -
前端讲义20_Javascript数组Array增删改
splice()方法splice(a,b,c)接收三个参数 a代表执行操作的位置 b代表在操作位置执行删除操作的次数 c代表需要插入操作位置的值，可以是多个，返回值为删除的数组项 根据a,b,c三个参数传入的情况不同可以衍生出三种对数组的操作（删除、插入、替换）。删除var nameArr = ["Tom","Lily","Sam","Bill"], item = nameArr.spli...原创 2019-05-02 20:33:59 · 112 阅读 · 0 评论 -
前端讲义19_Javascript数组Array栈与队列
栈与队列方法 栈方法，“后进先出” push()方法为数组末尾添加若干项并返回新数组长度，pop()方法从数组末尾取出一项，并返回取出的项。 var colorArr = ["yellow","orange"], count = colorArr.push("white","black"); alert(count); //4 var item = colorArr.p...原创 2019-05-02 20:23:35 · 290 阅读 · 0 评论 -
前端讲义28_Javascript垃圾回收null
一个大对象用完，进行释放其内存时，设置为 null var empid = new Array(); empid [0] = "C10094207"; empid [1] = " C10094208"; empid [2] = " C10094209"; …… empid [10000] = " C20094207"; 设置为 null，empid对象不再被任何变量引用，这时系统后台监控当前程序...原创 2019-05-04 00:02:57 · 196 阅读 · 0 评论