js基本操作

Js 操作属性

document .getElementByid("div1");根据ID来获取;

document .之后getElementByid("div1") .title = "你真好看" ;

整个文档加载完之后执行的一个匿名函数;


function 匿名函数;

window .onload = function() {} 写在《script》标签里面;

通过id来查找文档中的唯一id

document getElementByid ("link") .href = "www.baifu.com",(跳转到网页)

还可以 例如 : var oA = document .getElentByid("link");

oA .href = "www.baidu.com"

oA .title = "去到百度网";

还可以读出来 : alert (oA.id)      alert (oA.title);

对象 . 方法  ;  对象 . 属性    ;


Js 换肤

导入搜索外部样式 《link id = link1 red = "stylesheet" type = "text /css" href = "css/1.css" ;

操作颜色属性 : odiv .style .color = "red" ;

在Js 里面设置字号的方法 fontSize  例如 : odiv .style .fontSize = "30px"  ;

Js 操作classs 属性  不能直接用 class 用classname 就可以了;

例如 : odiv.classname = "box2";

var .att = "color" ;

odiv style[att] = "red";

innerhtml    是js 里面

odiv2.innerhtml = "这是第二个div元素的内容"

面试题:document.write 和 innerhtl 有什么区别?

document .write 重绘的是整个页面;

innerhtml  重绘的是页面的一部分;


js 函数

《inpdut type = "button" value = "皮肤" onclick = skin01()"》但是这样不好;

js可控制皮肤

点击事件 onclick  ;

function .skin01(){ var olink = document.getFlementByid("link1")};

olink .href = css/1.css  ;

同上 olink .href = "css/2.css";


function .函数名()      ;    函数的调用  函数名();

window.onaload = function(){};

《script》js代码要放在js目录下;

变量和函数域解析

JS 的代码是从上向下执行的;

编译在执行,变量的声明提前,只把声明提前,赋值不提前,函数是整个都提前;

匿名函数

window .onaload = function(); 这就是一个匿名函数;

var cc = document.getElemmentByid ('div');

cc.onclick = function(){alert("你好")};


函数传参

例如:function sheet(styl)

{odiv .style[styl] = "red"};

如果有两个形参的话 用逗号隔开

函数 return 关键字

框 《input type = "text"》 如果想操作就在 后面写一个 id = “” ;

点击框 《input type = "button" value = "相加"》;


return 的作用?

1.返回函数执行的结果;2.结束函数的执行; 3.可以阻止默认执行;

只要写了return 下面的代码就不执行了;


流程控制语句 ; 分支语句;

1.条件判断语句;    if .....else  ;

2.条件分支语句 : swith ....case      default;

3.循环语句 : for ,while ,do ... while ;


1.条件判断语句 :

display : none;隐藏,就没有了; diaplay :block 显示 然后又出来了;

if(cc.style.display == 'none'){cc.style.display == "block"};

ese{cc.style.display == 'none'};

不能写反了;

多重判断语句 elif


2.条件分支语句 switch ...case

使用 break 可以结束整个switch ..case 语句,

每一个语句的后面都加break;

例如: switch(today){case:

alear("数学");

break}

遇到break就就结束整个 switch ...case 语句;


数组 aRr 代表一个数组;

1.用面向对象的方式 用new 例如: var aRr01 = new Array(1,2,3,4);

2.直接用[]中括号;

获取数组的整个长度 aleert(aRr02,length);

获取数组的内容 例如: alert (aRr02[3])

定义多维数组, 二维数组,例如:var aRr03 =[[1,2,3],[3,0,2,1],[1,1,1]]

length 表示 长度

从0开始,下标;

数组的常用方法 join

push方法:向末尾增加元素;

pop 方法:从末尾删除一个;

unshift :向元素的前面插入一个;

shift : 把最前面的一个删除;

reverse : 可以将元素的数组反转;

indexof : 可以返回数组,第一次出现的索引值;

splice 可以在数组中增加或删除元素;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,772评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,458评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,610评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,640评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,657评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,590评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,962评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,631评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,870评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,611评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,704评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,386评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,969评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,944评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,179评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,742评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,440评论 2 342

推荐阅读更多精彩内容