JS (应用1)

字符串中的特殊字符:

在js中,双引号字符串中的双引号内容和单引号字符串中的单引号内容都必须进行转移,形式如下:

var str1 = "my mother say:\"don't speak with stranger\". ";

var str2 = 'my mother say:"don\'t speak with stranger". ';

js中的常用转义字符有:

“ è \”

‘ è \’

回车符 è \r

换行符 è \n

tab符 è \t

\ è \\

注意: 回车符,换行符,空格和tab符其实也是跟a,b,c,d,和’,  “,  $  & 等等符号“平等并列”的符号。

时间日期(Date)对象:

用于表示时间日期数据的对象。一个时间日期对象中包括了有关时间日期的各项具体信息,比如年,月,日,时分秒,毫秒,星期。

定义一个时间日期对象有以下几种形式:

d1 = new Date(); //定义一个表示“当前时间”的日期对象,

d2 = new Date(“2013/9/25 11:18:19”); 用一个字符串来定义一个指定时间(时刻)的日期对象

d3 = new Date(2013, 9, 25, 11, 18, 19); 用多个(至少3个)数字来定义一个指定时间的日期对象

d4 = new Date(2324624252312); 用一个数字来定义个指定时间的日期对象。

此数字代表的是从1970年1月1日午夜0点0分0秒(甚至0毫米)开始算起所经历过的毫秒数。注意,一秒等于1000毫秒。——实际上,我们可以理解为:“时间”这种数据,在js中,其实其本质上只是存储了一个数字。如果该数值为负值,则表示往前推算。实际上,据此,时间是可以进行加减计算的。

这个时间点通常认为是计算机世界的“时间起点/原点”。

时间对象的常用方法:

v1 =  d1.toLocaleString();获得时间为“本地表示法”

v1 =  d1.getTime(); 获得一个时间的“毫米数”——从时间原点开始算起。

以下是获取时间中的某项数据值:

v1 =  d1.getFullYear(); //获得年数——是一个数字,下同

v1 =  d1.getMonth(); //获得月数 ——注意:此数字是从0开始算起的,即只能是:0-11

v1 =  d1.getDate(); //获得日期数

v1 =  d1.getDay(); //获得星期数

v1 =  d1.getHours(); //获得小时数

v1 =  d1.getMinutes(); //获得分钟数

v1 =  d1.getSeconds(); //获得秒数

v1 =  d1.getMilliseconds();//获得毫秒数

以下是设置时间中的某项数据值:

d1.setFullYear( n ); //将d1这个时间对象的年份数设置为n这个数——即修改了其年份,下同。

d1.setMonth( n  ); //设置月份数

d1. setDate(n  ); //设置日期数

d1. setDay(n  ); //设置星期数

d1. setHours(n  ); //设置小时数

d1. setMinutes(n  ); //设置分钟数

d1. setSeconds(n  ); //设置秒数

d1. setMilliseconds(n  );//设置毫秒数


图片发自简书App


图片发自简书App


javascript语言的应用:

javascript技术:

javascript语言: 变量,数据类型,流程控制,函数,内置对象(String, Array, Math, Date)

js语言操作网页对象:标签对象, 浏览器对象

网页对象介绍

第一个重要观念:在html文件中的每个标签都是一个对象。

对象具有:属性和方法。比如:

var obj1 = {

name:”小花”,

age:18,

zuofan: functoin (){……},

xiyi: function(){……}

}

var v1 = obj1.age;

alert( v1 );

obj1.age = 19; //过年了,增加了一岁——修改了obj1这个对象的age这个属性的值。

obj1.name = “大花”;

获取网页标签对象的方式:

var  obj1 = document.getElementById(“id名”);

操作对象的标签属性:

获取: var v1 = obj1.标签属性名;

赋值: obj1.标签属性名 = 某值;

操作对象的样式属性:

获取:var v1 =  obj1.style.样式属性名;——其实这种方式只能获取其“行内样式”

赋值:obj1.style.样式属性名 = 某值;

事件初步

简单说来,事件就是“动作”,也就是用户所在的某种操作,比如:点击,鼠标移动,双击,。。。。。。

先回顾与加强js的“定义”:js是一门基于对象的事件驱动的脚本语言。 事件有哪些:   

鼠标事件:         

onclick:鼠标点击一次     

onmouseover:鼠标移到目标上           

onmouseout:   鼠标移开时发生事件        

ondblclick:    双击事件           

onmousedown:  鼠标按下去的时候发生(注意此时鼠标还没有抬起来)         

onmouseup:        鼠标抬起来的时候发生           

onmousemove:    鼠标移动的时候发生——移动无处不在。       

键盘事件:           

onkeypress:  按键点击一次发生。     

onkeydown:  按键按下去的时候发生           

onkeyup:      按键抬起来的时候发生     

表单事件:         

onsubmit:    当一个表单正要“提交”的时候发生         

onfocus:      当一个表单项“获得焦点”的时候发生。           

onblur:        当一个表单项“失去焦点”的时候发生           

onchange:    当一个表单项的数据发生改变的时候——通常只用于select标签的选项改变。     

其他:           

onload:        当网页“一加载成功”的时候发生,也就是网页打开的时刻——onload在一个页面上只能出现一次。 onload只能写在body标签上,或者要么就不在标签中写,而是在脚本中使用window.onload的实线.

小结:事件随时发生,无处不在,只在于我们想要在哪个对象上使用哪个事件来完成什么工作。其基本的代码模式为: 

<标签名…… on事件名=”函数名f1();” >……</标签名>     

<script>       

functionf1(){            //这里就是我们要做的工作!!!!!}     

</script>

则其基本含义是:某个对象发生什么事件的时候会去调用某个函数以完成某种任务。     

昨日回顾

特殊字符:

\” \’ \n \r \t \\

Date对象:

js中用于表示一个“时间日期”的数据对象(数据集合)——其中实际上包括了有关时间的各个数据项。时间的本质在js中可以认为是一个数字——指从1970年1月1日0点0分0秒开始算起所经历过的毫秒数。

var d1 = new Date(); //得到当前时刻的时间

var d2 = new  Date(“2013/9/26”); //使用一个计算机可以识别的时间字符串来定义一个时间

var d3 = new  Date(2013, 9, 26,  12, 13, 14); //注意,月份做数字使用的时候是从0开始算起的。

var d4 = new  Date(2341341513412) //

d1.getTime() //获得毫秒数

d1.toLocaleString(); //转为本地时间日期表示形式

d1.toLocaleDateString();

d1.toLocaleTimeString();

d1.getFullYear()/Month()/Date()/…… //获得一个日期中的某项值

d1.setFullYear(n)/Month(n)/Date(n)/……. //设置一个日期中的某项值

js语言的内置对象:

String Array Math Date

一般对象(模型):

var obj = {

name: “小花”,

age: 18,

fangfa1 : function(){ alert(“洗衣”); },

fangfa2 : function(){ alert(“做饭”); }

}

var v1 = obj.age; //取值18;

v1 = 22; //这里并不能“修改掉”obj中age属性的值。

obj.age = 19; //赋值

obj.fangfa1(); //这里可以认为就是调用函数“fangfa1()”,但必须由obj来调用。

网页对象:

含义:每个标签都是一个对象——只是观念问题。

获取:var  obj = document.getElementById(“id名”);

操作:

操作标签属性:

取值: var v1 = obj.标签属性名; //标签属性名通常是不一样的

赋值: obj.标签属性名 = 新的值

操作样式属性:

取值: var v2 = obj.style.样式属性名; //1,样式属性名通常是“通用的”,

//2,这里只能取得行内样式数据。

赋值:obj.style.样式属性名 = 新的值; //这里赋的值相当于就是设置了行内样式。

事件:

具体事件:

鼠标事件: onclick 鼠标单击,  onmouseover,  onmouseout,  onmousemove

键盘事件: onkeypress,  onkeydown,  onkeyup

表单事件: onsubmit,  onfocus,  onblur,  onchange

其他: onload——表示一个页面“加载成功”(加载完成)的时候发生。

注意:一个页码中,onload事件只能写一次。

js编程基本思路(模式):

在某个对象上设定发生了某个事件之后去调用某个函数,在该函数里完成某种任务——函数内部的代码才是我们工作的重点。

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