js | 易学教程

HTML页面嵌入视频和JS控制切换视频

阅读更多关于 HTML页面嵌入视频和JS控制切换视频

首先，在页面中嵌入视频的HTML代码为： 1 <div id="youku" class="youku">2 <object id="obx" name="obx" width="290" height="260">3 <param name="movie" value="http://www.tudou.com/v/6HJvxxkarzk/&resourceId=0_04_11_19/v.swf"></param> 4 <param name="allowFullScreen" value="true"></param>5 <param name="allowscriptaccess" value="always"></param>6 <param name="wmode" value="opaque"></param>7 <embed src="http://www.tudou.com/v/6HJvxxkarzk/&resourceId=0_04_11_19/v.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="opaque" width="290" height="260"></embed>8 </object>9 </div>

js中包含哪些对象呢

阅读更多关于 js中包含哪些对象呢

对象种类 1.内置对象（本地对象）：Math对象，Number对象，Data对象，系统给我们提供好的我们拿过来用就对了。 2.宿主对象：dom（文档对象类型） bom（浏览器对象） 3.自定义对象：我们自定义和开发的对象 eg：创建一个人的对象（小茗同学：属性：姓名，年龄，身高，性别，功能：吃饭，学习，玩游戏） var p1 = { name:"小明"， age：10, gender:"男"， eat：function（）{ console.log("吃饭啦”)； } } 创建对象的注意事项 1，属性名也被称为键，属性值也被称为值，属性名属性值被称为键值对 2，键和值之间用冒号分隔，键值对与键值对之间用逗号分隔，最后一条键值对后不加逗号 3，键不是标识符，只是一个普通的字符，可以不遵循标识符的命名规则。但是建议还是遵循标识符的命名规则 4，值的类型可以是任意类型 5，在封装对象的时候，分析需要的属性和方法等，不要多也不要少来源： https://www.cnblogs.com/1998Archer/p/12544371.html

JS 面向过程和面向对象实现 Tab选项卡切换

阅读更多关于 JS 面向过程和面向对象实现 Tab选项卡切换

* html布局和css样式在最下基本效果如图：　　　　 1、面向过程 1 <script> 2 // 1. 找到所有的按钮 3 // 2. 给按钮添加事件 4 // 3. 根据按钮的下标显示对应的内容 5 6 // 1. 找到所有的按钮 7 var btns = document.querySelector(".btns").children; 8 var boxs = document.querySelectorAll(".box") 9 10 for(var i = 0 ; i < btns.length ; i ++){ 11 // 2. 给按钮添加事件鼠标点击 12 btns[i].onclick = function(){ 13 // 删除掉元素的类名active 14 removeClass( btns , "active"); 15 // +=是为了不覆盖原有的class名字 16 this.className += " active"; 17 /*获取当前元素的下标 18 循环绑定事件的时候，不能在事件处理函数之中使用i获取， 19 因为for循环是在循环结束之后，才会执行事件。此时的i是循环结束的i 20 所以此处用this来指向当前发生事件的元素 21 */ 22 // 如果this和btns里面的某一项相等了，那么就判断下标是对应的下标 23 for

vue之JavaScript封装

阅读更多关于 vue之JavaScript封装

导入js文件有很多种方式，我喜欢使用这种，感觉跟框架导入很相似。没有多余的沉湎。定义一个js文件，比如util.js import Vue from "vue"; //==============================StringUtil================================= const StringUtil = { //是否为空判断 isNull: function(text) { if (undefined == text) { return true; } if (text.length == "" || text.length == 0) { return true; } return false; } }; Vue.prototype.StringUtil = StringUtil; //==============================StringUtil================================= export default {}; main.js导入 import "../static/js/util.js"; vue调用方式 this.StringUtil.isNull("sfds") 来源： https://www.cnblogs.com/yanl55555/p/12543993.html

js编译和执行顺序

阅读更多关于 js编译和执行顺序

JS是一段一段执行的（以<script>标签来分割），执行每一段之前，都有一个“预编译”，预编译干的活是：声明所有var变量（初始为undefined），解析定义式函数语句。还有个关于 "window作用域下，a = 1和var a = 1" 的区别的也很经典： a = 1相当于window.a = 1，是动态地为window添加一个成员； var a = 1是在当前作用域（也就是window）下声明一个a，这个声明是在整个作用域内都有效的。换句话说，其实区别就在于var a = 1比a = 1多了一个声明的行为。再看几个例子： 1. alert(t); alert('ok'); t = 2; t未声明，执行报错。 2. alert(t); alert('ok'); var t = 2; 弹出undefined和ok。预编译的时候，声明了变量t；执行到alert(t)这行代码的时候，t尚未被赋值，所以弹出undefined。 3. a(); function a() {} alert('ok'); 弹出ok。预编译的时候，解析了定义式函数语句function a() {}，顺利执行。 4. a(); var a = function() {}; alert('ok'); a不是函数，执行报错。预编译的时候，声明了变量a = undefined；执行到a()时

JS的编译和执行顺序

阅读更多关于 JS的编译和执行顺序

JS是一段一段执行的（以<script>标签来分割），执行每一段之前，都有一个“预编译”，预编译干的活是：声明所有var变量（初始为undefined），解析定义式函数语句。还有个关于 "window作用域下，a = 1和var a = 1" 的区别的也很经典： a = 1相当于window.a = 1，是动态地为window添加一个成员； var a = 1是在当前作用域（也就是window）下声明一个a，这个声明是在整个作用域内都有效的。换句话说，其实区别就在于var a = 1比a = 1多了一个声明的行为。再看几个例子： 1. alert(t); alert( ' ok ' ); t = 2 ; t未声明，执行报错。 2. alert(t); alert( ' ok ' ); var t = 2 ; 弹出undefined和ok。预编译的时候，声明了变量t；执行到alert(t)这行代码的时候，t尚未被赋值，所以弹出undefined。 3. a(); function a() {} alert( ' ok ' ); 弹出ok。预编译的时候，解析了定义式函数语句function a() {}，顺利执行。 4. a(); var a = function () {}; alert( ' ok ' ); a不是函数，执行报错。预编译的时候，声明了变量a =

JS高级复习

阅读更多关于 JS高级复习

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 JS高级-复习一、事件对象 1.事件event：浏览器上的行为，一个是mouse，一个是key； 2.需要去记下所有的mouse和key事件； 3.每个事件都是元素天生自带的，每当我们给这个事件绑定方法（函数）的时候，浏览器就会默认有一个参数叫mouseevent和keyevent。所有鼠标和键盘的信息都存在这个对象上，有兼容性。　（1）event不一样，需要统一。var ev=ev||window.event 　（2）事件源不统一 var ev.target||ev.srcElement 　（3）事件冒泡：嵌套元素的同一事件都绑定方法的时候，当触发子元素的事件时，执行完毕会接着触发父级元素身上的同一事件，这就是事件冒泡；　　　　取消事件冒泡的方法：ev.cancelBubble=true;　　　　　　　　　　　　ev.stopPropogation?ev.stopPropogation():ev.cancelBubble=true; 　（4）事件委托：子元素将自己的事件委托给父级点的时候还是点子元素，但是这个方法绑在它的父级身上，然后父级通过ev.target找到这个事件是哪个孩子委托的； 4.阻止事件默认行为；　　ev.preventDefault？ev.preventDefault()

商品评价小星星打分js

阅读更多关于商品评价小星星打分js

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>星星打分</title> <style type="text/css"> .evalInfo{ font-size: 13px; font-family: '宋体'; margin: 3 5px; } </style> <script type="text/javascript"> /** 用星星的方式来打分， **/ function evalSorce(rootEle, oEvent, targetObjId,attitudeTitleId) { var imgs = rootEle.getElementsByTagName("img"); //var e = oEvent || window.event; var eventTarget = window.event.srcElement||eventTag.target; var clickedImgValue = eventTarget.value; for(var i=0; i<imgs.length; i++)

js中的DOM节点操作---增删改查

阅读更多关于 js中的DOM节点操作---增删改查

1.查找 DOM1： getElementById(),getElementsByTagName() DOM扩展： querySelector()（返回第一个匹配的元素）,querySelectorAll()（返回全部匹配的元素） HTML5： getElementsByClassName() 2.插入 appendChild()：末尾插入 insertBefore()：特定位置插入 3.替换 replaceChild()：接受两个参数，第一个为要插入的节点，第二个为要替换的节点 4.删除 removeChild() 实例代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Dom节点操作</title> </head> <body> <ul id="list"><li>1</li><li>2</li><li>3</li></ul> <button id="add">插入</button> <button id="replace">替换</button> <button id="remove">删除</button> <script > var list=document.getElementById('list'); var add=document.querySelector('#add');

用js写的时钟Demo

阅读更多关于用js写的时钟Demo

css代码： <style type="text/css"> .a { width: 200px; height: 100px; position: absolute; top: 50%; left: 50%; margin-left: -100px; margin-top: -50px; line-height: 100px; border-radius: 20px; background: #333; color: chartreuse; font-size: 40px; cursor: pointer; text-align: center; transition: all .3s ease-in; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.6); -moz-box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.6); } .a:hover { color: aqua; } </style> html代码： <div class="a" id=

订阅 js