IT--前端
文章平均质量分 50
Xiao_Tommy
对不住大家。我从机械转到IT,又回去做工控了。
展开
-
JS中BOM和DOM的区别与联系
转载自:http://www.jb51.net/article/55851.htmJs组成我们都知道, javascript 有三部分构成,ECMAScript,DOM和BOM,根据宿主(浏览器)的不同,具体的表现形式也不尽相同,ie和其他的浏览器风格迥异。1. DOM 是 W3C 的标准; [所有浏览器公共遵守的标准]2. BOM 是 各个浏览器厂商根据 DOM转载 2016-11-19 15:56:20 · 16091 阅读 · 1 评论 -
JS之cookie验证
转载自:http://www.runoob.com/js/js-cookies.html使用JS的基本功能实现以下功能。我们将创建 cookie 来存储访问者名称。首先,访问者访问 web 页面, 他将被要求填写自己的名字。该名字会存储在 cookie 中。访问者下一次访问页面时,他会看到一个欢迎的消息。在这个实例中我们会创建 3 个 JavaScript 函数: 设置转载 2016-11-16 10:59:35 · 1007 阅读 · 0 评论 -
JS之网页上制作钟表
利用JS的最基础功能, 在网页上制作一个钟表 。钟表function startTime(){ var today=new Date(); var h=today.getHours(); var m=today.getMinutes(); var s=today.getSeconds();// 在小于10的数字钱前加一个‘0’ m=checkTime(m);原创 2016-11-16 10:54:22 · 1085 阅读 · 0 评论 -
JS 实现别踩白块功能
此处模仿燕十八老师做的别踩白块功能。自己尚未完成。后序会继续完成的。该项目地址http://study.163.com/course/courseMain.htm?courseId=652005 教程地址:http://study.163.com/course/courseMain.htm?courseId=652005 别踩白块 #main { widt转载 2016-11-16 10:48:39 · 2266 阅读 · 0 评论 -
JS之正则查找匹配
初学JS时 仿照燕十八老师的实例做的,正则匹配含有邮箱的人。适合初学的小白参考使用。 正则查找匹配 function find(){ var lis = document.getElementsByTagName('li'); var i = 0; var patt = /\w+@\w+(\.\w+)+/; /* \W 匹配任何非单词原创 2016-11-16 10:28:28 · 4607 阅读 · 0 评论 -
JS之联动菜单简单实例
初学JS的时候,跟着燕十八老师一起做的JS实现联动菜单功能。 联动菜单 var area = [ ['朝阳', '海淀', '自定义'], ['请选择', '长治', '太原', '自定义'] ]; // area[0]就是北京的各个地区了 function ld(){ var sel = document.getElementById('prov原创 2016-11-16 10:44:54 · 2792 阅读 · 0 评论 -
JS之 定时器基本概念
初学定时器的时候总结的基本概念。适用于小白使用。 Document // function boom(){ // document.getElementsByTagName('img')[0].src = '02.jpg'; // } function bang(){ var inp = document.getElementsByName('ti原创 2016-11-16 10:26:10 · 906 阅读 · 0 评论 -
JS之事件委托实例
通过JS的事件委托来实现五子棋实例的基本结构。该实例是模仿燕十八老师的实例做的。 事件委托(事件委托给上一级,通过target来辨别委托给哪个事件) table{ width: 400px; height: 400px; border: 0; border-collapse: collapse; background: green; } td{ bo原创 2016-11-16 10:20:01 · 620 阅读 · 0 评论 -
alert 和 console.log的区别
转载自网络上资源 1.简单的说alert 是弹出提示 ,只输出String 2.而console.log是在调试工具里打日志,可以输出任何类型的数据下面具体给大家列出alert()与console.log()的不同点,[1]alert() [1.1]有阻塞作用,不点击确定,后续代码无法继续执行 [1.2]alert()只能输出string转载 2016-11-16 10:15:58 · 1203 阅读 · 0 评论 -
JS简单实例之删除增加节点
利用JS的基本概念实现删除增加节点的功能。适用于小白使用。 JIEDIAN function del(){ var lis = document.getElementsByTagName('li'); var lastli = lis[lis.length-1]; lastli.parentNode.removeChild(lastli);//删除节点的时候,找到父原创 2016-11-16 10:12:57 · 454 阅读 · 0 评论 -
JS简单实例之背景颜色变换
本实例是利用JS的基本概念,实现点击div进行颜色变换和大小变换的实例。 Document .test1{ height: 300px; width: 300px; background: red; border: 1px solid black; } .test2{ height: 300px; width: 300px; backgroun原创 2016-11-16 10:10:43 · 5301 阅读 · 0 评论 -
JS 之 找对象
初学JS 时一直不明白什么document.getElementById 之类的。后来学习了xml之后才渐渐明白了节点的意思。这里做一下简单的回顾。其实也就是一些最最基本的知识点了。 Document 找对象 p1 p2 p3 class test2 //找对象 //通过ID寻找,返回类型是对象 alert(document.g原创 2016-11-16 10:05:27 · 1341 阅读 · 0 评论 -
JS 之对象基本概念
初学JS时总结的知识点。使用于小白。JS对象的知识1.JS中所有事物都是对象,对象含有属性和方法var m = "hello world";var x = m.length; //12 属性var y = m.toUpperCase(); //HELLO WORLD 方法2.创建对象person = {firstname:"zhang", lastnam原创 2016-11-16 10:02:15 · 317 阅读 · 0 评论 -
JS之BOM对象
初学JS时,总结的基本概念。1.浏览器对象模型(BOM) 使得JS 有能力和浏览器对话BOM (Browser Object Model)尚无统一的标准大部分的window对象都可以省略掉前缀windows2.Window 对象1.所有的浏览器都支持window窗口,2.所有的JavaScript 全局对象、函数、变量 都会自动成为 window对象 的成员原创 2016-11-16 10:00:56 · 253 阅读 · 0 评论 -
JS 基础概念
初学JS基础的时候记得笔记。只适合小白快速复习的时候使用1. script 一般放到最后2. 命名(区分大小写)(必须加var)var a //不加var 会污染全局var $b3.变量类型之后会详细讲解5.运算符//js中,拼接运算符用 "+",一旦碰到非法数字相加,后面的全部为拼接console.log(2+3) //5co原创 2016-11-16 09:53:12 · 236 阅读 · 0 评论 -
JS HTML的DOM对象
初学JS是碰到的基本概念。适用于小白复习使用。HTML DOM (文档对象模型)1.网页被加载的时候。浏览器会创建页面的文档对象模型(Document Object Model)DOM 树,见本文件夹下的HTML DOM.gifJS可以改变页面中所有的HTML元素、HTML属性、CSS样式、对所有事件做出反应2.查找HTML元素var x = doc原创 2016-11-16 09:57:51 · 336 阅读 · 0 评论 -
使用JS来显示浏览器的窗口
菜鸟教程(runoob.com)var w=window.innerWidth|| document.documentElement.clientWidth|| document.body.clientWidth;var h=window.innerHeight|| document.documentElement.clientHeight|| document.body.c转载 2016-10-18 23:28:21 · 581 阅读 · 0 评论 -
浅析application/x-www-form-urlencoded和multipart/form-data的区别
转载自:http://www.jb51.net/article/51377.htm在Form元素的语法中,EncType表明提交数据的格式用 Enctype 属性指定将数据回发到服务器时浏览器使用的编码类型。下边是说明:application/x-www-form-urlencoded : 窗体数据被编码为名称/值对。这是标准的编码格式。multip转载 2017-01-22 13:17:48 · 768 阅读 · 0 评论