随笔分类 - 前端
摘要：效果展示 代码 背景图自行贴入，如果需要copy代码的话。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>注册</title> <style> html,body{ margin: 0,0; padding: 0,0; } h
阅读全文
摘要：效果先看 功能描述 第一个实现的是模拟播放器选歌界面。 第二个实现的是select标签获取值与文本的界面 获取文本方法：获取select元素，通过点options获取option集合，option对象点text获取文本 代码 <!DOCTYPE html> <html> <head> <meta c
阅读全文
摘要：就两点： 1.属性elements 获取form表单下的所有与输入有关的节点如input selete等 2.submit() /reset() 提交表单和清空表单 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title
阅读全文
摘要：readonly = "readonly" 然后这个input的value就不可改变了。 disabled= "disabled"；不可选择 <input type="text" name="" id="" value="你好" readonly="readonly"/> <input type="
阅读全文
摘要：首先要明确一点，操作HTML文档结构，是不会改变HTML源码的，改变的是HTML的document对象。 效果先看 innerHTML方式 增加节点 通过innerHTML获得标签下的代码，然后追加代码即可。 function addNode(){ var father = document.get
阅读全文
摘要：效果先看 innerHTML与innerText innerHTML 我们可以通过innerHTML获取标签内的全部内容，包括标签，都以字符串的方式返回。 function test1(){ var div = document.getElementById("div"); alert(div.in
阅读全文
摘要：修改HTML标签中的style属性 有两种方式： div.setAttribute("style","font-size: 44px;");//一次添加多个 div.style.color="white";//style.样式名=样式值; function test1(){ var div = do
阅读全文
摘要：document对象 document对象可以说是window对象的一个属性，可以通过window.document来调用，也可以省略window直接写document。 document对象是浏览器生成的一个对象。我们这样来理解: HTML语言与JavaScript语言是两门不同的语言，它们不能直
阅读全文
摘要：js的window对象的方法 1.子窗口方法 应用场景：例如弹出一个子页面要求用户输入一些信息提交 window.open("子页面的资源（相对路径）","打开方式","配置") 打开方式： newwindow：新窗口 配置： 太多了直接给例子吧： window.open('son.html','n
阅读全文
摘要：1.给合适的HTML标签添加合适的事件 onchange select下拉框 onload body标签 点击事件 用户会进行点击动作的HTML元素 鼠标事件 用户会进行鼠标移动的HTML元素 键盘事件 用户会进行键盘操作的HTML元素 2.当给HTML 元素添加多个事件时，注意事件之间的冲突 例如
阅读全文
摘要：事件 js中添加事件的第一种方式： 在HTML上直接使用事件属性来添加，属性值为监听执行的函数 js中的事件只有在当前HTML上有效 一个HTML可以添加多个不同的事件 一个监听事件可以触发多个函数，不同的函数之间用分号隔开 点击事件 单机 onclick 双击 ondblclick 鼠标事件 on
阅读全文
摘要：String对象 大小写转化（并返回新的字符串）： toUpperCase() toLowerCase() 字符串截取 substr(start,length) substring(start,end) 查找字符位置 indexOf() lastIndexOf() Date对象 //获取年份：从19
阅读全文
摘要：引入 很多时候，我们是没办法预知要获取什么样的数据的，所以我们没办法一开始就写好一个类用来存储对应的数据，这个时候我们就需要使用自定义对象的知识了。 Object类 与java 中一样，js中的根类也是Object类，我们创建自定义对象时，直接newObject了类的实例就可以了。 var obj
阅读全文
摘要：js自定义类的理解 js自定义类，形式与功能上看起来就像java的类整体与类的构造方法的二合一。 在实例与类的关系上，又有点像java中子类与父类的关系，因为js的实例可以给自己添加自己的方法和属性。 js自定义类的声明 声明方式也用关键字function，类名第一个字母大写，可以有参数（形如构造方
阅读全文
摘要：函数的三种声明方式 函数的声明： 方式一： function 函数名(形参1，形参2...){ 函数体 } 方式二：声明的同时执行一遍函数体 var 函数名 = new Function("形参1","形参2"...,"函数体") 方式三： var 函数名 = function(形参1,形参2,..
阅读全文
摘要：先看效果: 关键代码： js中： document.getElementById().value;获取标签的值。可以用它来获取输入框的值，以及赋值。同样滴可以用它获取按钮的值。 不多说了，上代码 html: <!DOCTYPE html> <html> <head> <meta charset="u
阅读全文
摘要：js中的数组相当于java中的集合，它可以存放不同数据类型的数据，也无需指定长度，它是变长的。 当访问数组中一个不存在的元素时，返回undefined。 接下来按照数组的声明，length的注意点以及数组的遍历来讲解。 数组的声明 //第一种：声明并指定长度（指定了也是可变长的，默认空填充） var
阅读全文
摘要：js中，这些分支语句的用法与java中的使用方法一致，所以不再赘述，这里写一个九九乘法表。 顺便介绍一下js中document.write()写html代码的方法。 注意： 循环中不要写成int i了，要用var i <script type="text/javascript"> for(var i
阅读全文
摘要：js的变量声明和数据类型 1.js中所有的变量都是用var来声明 js中的变量名是区分大小写的 js中的字符串可以使用双引号和单引号 js不会报错的，所以要仔细排除哪里写错了，尤其是中英文标点问题 js中可以声名同名变量，后面的会将前面的值覆盖 2.js中变量的数据类型 number型 String
阅读全文
摘要：7种选择器 /* 1.标签选择器 */ ul{ background-color: #0000FF; } /* 2.id选择器 */ #u{ background-color: red; } /* 3.类选择器：标签之间共有的特性可以使用它 */ .test{ background-color: p
阅读全文
浙公网安备 33010602011771号