初探JavaScript魅力（四）

【初探JavaScript魅力（四）】的更多相关文章

【JavaScript从入门到精通】第四课初探JavaScript魅力-04

第四课初探JavaScript魅力-04 style与className 之前我们已经讲过,style用于在JS里控制元素的样式,通过style可以选中元素的各种css属性.此外,我们也提到过,JS用className控制元素的class.这两者之间,是否会产生什么矛盾吗? 我们使用一段简单的代码作为示例: <html> <head> <meta charset="utf-8"> <title>无标题文档</title> &l…

【JavaScript从入门到精通】第三课初探JavaScript魅力-03

第三课初探JavaScript魅力-03 函数传参上节课的时候我们已经讲了什么是函数,实际上,函数在功能上就类似于css的class一样,将一段代码包裹起来使用.为了让函数的功能更加的丰富和实用,我们需要用到的就是函数传参.我们已经提过,JS将参数放在函数名后的圆括号内,而为了具体说明参数怎么使用,我们举一个小例子. 我们在HTML页面中放入一个有颜色的div块,并加入3个按钮,其目的是通过点击按钮来改变div块的颜色.通过前面两节课的学习,我们可以很轻松地写出下面的代码来实现这个功能: <…

【JavaScript从入门到精通】第二课初探JavaScript魅力-02

第二课初探JavaScript魅力-02 变量说起变量,我们不得不提起我们有一部比较古老的电视剧叫<包青天>.包青天有一把非常厉害的宝剑叫“尚方宝剑”,见到尚方宝剑有如见到皇帝.某种程度来说,变量具有类似于尚方宝剑的特性. 我们对第一课末的代码进行如下修改: function toGreen() { var oDiv=document.getElementById('div1'); //变量 oDiv.style.width='300px'; oDiv.style.height='300p…

【JavaScript从入门到精通】第一课初探JavaScript魅力-01

第一课初探JavaScript魅力-01 JavaScript是什么如今我们打开一个大型的网站,都会有很多JS效果的功能和应用.对于学过CSS+HTML的同学,即使是像淘宝那样的网站,用一两天时间也可以将布局写出来.但对于一个网页来说,除去CSS,HTML这样描述静态布局的元素外,还有诸如弹窗,幻灯,编辑等很难用纯粹的CSS+HTML实现的功能,而这些都是通过JavaScript来完成. 那么JavaScript究竟是什么呢?对比HTML+CSS这两者只能制作观看难以交互(虽然可以通过hov…

初探JavaScript魅力（四）

选项卡 <title>无标题文档</title> <style> #div1 .active{background:#FF0;} #div1 div{width:200px; height:200px; background:#666; border:1px solid #999; display:none;} </style> <script> window.onload=function (){ var oDiv=document.getEl…

01 - 初探JavaScript魅力

网页特效原理用JavaScript修改样式编写JS的流程布局:HTML+CSS 属性:确定要修改哪些属性事件:确定用户做哪些操作(产品设计) 编写JS:在事件中,用JS来修改页面元素的样式鼠标移入移出效果 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #div1 {width:…

初探JavaScript魅力（五）

JS简易日历 innerHTML <title>无标题文档</title> <script> var neirong=['一','二','三','四','五','六','七','八','九','十','十一','十二',]; window.onload=function(){ var tab=document.getElementById('tab'); var ul=tab.getElementsByTagName('ul')[0]; var li=ul.get…

初探JavaScript魅力（二）

行为,样式,结构三者分离(javascript, css, html),不要在行间加行为,样式样式优先级:*<标签<class<ID<行间 style与className,如果先给了style行间样式,再给className不会有效果 <title>无标题文档</title> <style> #div1{width:200px;height:200px;border:1px solid #000;} .box{background:#F00;}…

初探Javascript魅力(1)

转自:CSDN--http://blog.csdn.net/cherry_vicent/article/details/42120149 1.javascript是什么根据用户的一些操作,然后来修改页面上的一些元素.属性等. (1)HTML+CSS静态页面,JS给页面添加动的效果 (2)网页特效的原理 javascript就是修改样式 (3)编写JS的流程: [1]布局:HTML+CSS [2]属性:确定要修改哪些属性 [3]事件:确定用户做哪些操作 [4]编写JS:在事件中,用JS来修改…

初探JavaScript魅力（三）

复选框的全选.反选和不选 <title>无标题文档</title> <style> body{background:#666;} </style> <script> window.onload=function (){ var oBtn1=document.getElementById('btn1'); var oBtn2=document.getElementById('btn2'); var oBtn3=document.getElement…