JavaScript基础2云养猫

在JavaScript中除了null和undefined以外其他的数据类型都被定义成了对象,也可以用创建对象的方法定义变量,String、Math、Array、Date、RegExp都是JavaScript中重要的内置对象,在JavaScript程序大多数功能都是基于对象实现的。

字符串创建(两种方式)①变量=“字符串”②字串对象名称=newString(字符串)

varstr1="helloworld";varstr1=newString("helloword");

字符串对象的属性和函数

创建数组的三种方式:

varcnweek=newArray(7);for(vari=0;i<=6;i++){cnweek[i]=newArray(2);}cnweek[0][0]="星期日";cnweek[0][1]="Sunday";cnweek[1][0]="星期一";cnweek[1][1]="Monday";...cnweek[6][0]="星期六";cnweek[6][1]="Saturday";

二维数组

join方法

x.join(bystr)----将数组元素拼接成字符串vararr1=[1,2,3,4,5,6,7];varstr1=arr1.join("-");alert(str1);//结果为"1-2-3-4-5-6-7"concat方法

注:toString方法是将数组转成字符串

数组排序-reversesort

数组切片操作

数组的push和pop

//js中数组的特性//java中数组的特性,规定是什么类型的数组,就只能装什么类型.只有一种类型.//js中的数组特性1:js中的数组可以装任意类型,没有任何限制.//js中的数组特性2:js中的数组,长度是随着下标变化的.用到多长就有多长.vararr5=['abc',123,1.14,true,null,undefined,newString('1213'),newFunction('a','b','alert(a+b)')];/*alert(arr5.length);//8arr5[10]="hahaha";alert(arr5.length);//11alert(arr5[9]);//undefined*/

特性

实例

alert(getCurrentDate());

//解决自动补齐成两位数字的方法functionchangeNum(num){if(num<10){return"0"+num;}else{returnnum;}

}//将数字0~6转换成星期日到星期六functionparseWeek(week){vararr=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];//0123.............returnarr[week];}

练习示例

功能说明:

可以使用变量、常量或表达式作为函数调用的参数函数由关键字function定义函数名的定义规则与标识符一致,大小写是敏感的返回值必须使用returnFunction类可以表示开发者定义的任何函数。

用Function类直接创建函数的语法如下:

var函数名=newFunction("参数1","参数n","function_body");虽然由于字符串的关系,第二种形式写起来有些困难,但有助于理解函数只不过是一种引用类型,它们的行为与用Function类明确创建的函数行为是相同的。

functionfunc1(name){alert('hello'+name);return8}

ret=func1("bob");alert(ret);

varfunc2=newFunction("name","alert(\"hello\"+name);")func2("natasha")

示例

alert(func1.length)

该函数类似于python中的*args,**kwargs

所有浏览器都支持window对象

概念上讲:一个html文档对应一个window对象

功能上讲:控制浏览器窗口的

使用上讲:window对象不需要创建对象,直接使用即可

示例:

setInterval()方法会不停地调用函数,直到clearInterval()被调用或窗口被关闭。由setInterval()返回的ID值可用作clearInterval()方法的参数。

语法:setInterval(code,millisec)

画dom树是为了展示文档中各个对象之间的关系,用于对象的导航。

HTML文档中的每个成分都是一个节点。

DOM是这样规定的:整个文档是一个文档节点每个HTML标签是一个元素节点包含在HTML元素中的文本是文本节点每一个HTML属性是一个属性节点

其中,document和element节点最重要

节点树中的节点彼此拥有层级关系。父(parent),子(child)和同胞(sibling)等术语用于描述这些关系。父节点拥有子节点。同级的子节点被称为同胞(兄弟或姐妹)。

下面的图片展示了节点树的一部分,以及节点之间的关系:

访问HTML元素(节点),访问HTML元素等同于访问节点,我们能够以不同的方式来访问HTML元素。

直接查找节点

document.getElementById(“idname”)document.getElementsByTagName(“tagname”)document.getElementsByName(“name”)document.getElementsByClassName(“name”)示例iamdiv2

iamdiv2
iamdiv2

hellop

注意:设计到寻找元素,注意节点操作创建节点

//createElement(标签名):创建一个指定名称的元素。vartag=document.createElement(“input")tag.setAttribute('type','text');//下见节点属性操作添加节点

//追加一个子节点(作为最后的子节点)somenode.appendChild(newnode)//把增加的节点放到某个节点的前边somenode.insertBefore(newnode,某个节点);删除节点

removeChild():获得要删除的元素,通过父元素调用删除替换节点

somenode.replaceChild(newnode,某个节点);示例:

attribute操作

elementNode.setAttribute(name,value)elementNode.getAttribute(属性名)<-------------->elementNode.属性名(DHTML)elementNode.removeAttribute(“属性名”);js操作class

elementNode.classNameelementNode.classList.addelementNode.classList.remove示例DIVjs操作css

Helloworld!

document.getElementById("p2").style.color="blue";.style.fontSize=48px补充3、value获取当前选中的value值1.input2.select(selectedIndex)3.textarea

Event对象:代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

事件通常与函数结合使用,函数不会在事件发生前被执行!event对象在事件发生时系统已经创建好了,并且会在事件函数被调用时传给事件函数。

onload事件

onload事件的触发,标志着页面内容被加载完成。

应用场景:当有些事情我们希望页面加载完立刻执行,那么可以使用该事件属性。

onsubmit

当表单在提交时触发,该属性也只能给form元素使用

应用场景:在表单提交前验证用户输入是否正确,如果验证失败,在该方法中我们应该阻止表单的数据提交。

Title

姓名:

密码:

onsubmit事件示例

事件传播现象

父标签的事件会派发给子标签

Title

阻止事件派发

onselect

选中表单文本框内的文本时候触发的事件

//aaaaaaaaa

//无效的方式//Helloworld!

onselect事件示例

onchange

域内元素被改变时候触发

Title111222333

onchange事件示例

onmouse

鼠标操作触发的事件

Title

text111222333

onmouseleave和onmouseout区别

注意:1.不论鼠标指针离开被选元素还是任何子元素,都会触发onmouseout事件。

2.只有在鼠标指针离开被选元素时,才会触发onmouseleave事件。

补充

Title

varele=document.getElementById("user");//event对象是保存事件触发状态的对象,由操作系统发送ele.onkeydown=function(e){e=e||window.event;//浏览器兼容,有的浏览器并不支持直接传econsole.log(String.fromCharCode(e.keyCode));}

window.event

搜索框

当鼠标点进框内,去除默认值,当输入空格,鼠标点到框外,恢复默认值,当输入数据,则保留数据

Title

搜索框代码

模态对话框

点击按钮,弹出对话框

Title

模态对话框代码

表格案例

多选、全选、反选

全选反选取消


111111111222222222333333333444444444

varele_all=document.getElementsByClassName("select_all")[0];varele_reverse=document.getElementsByClassName("select_reverse")[0];varele_cancel=document.getElementsByClassName("cancel")[0];varinput_arr=document.getElementsByClassName("item");

ele_all.onclick=function(){for(vari=0;i

ele_cancel.onclick=function(){for(vari=0;i

ele_reverse.onclick=function(){for(vari=0;i

//////varinput_arr=document.getElementsByClassName("item");//varbutton_arr=document.getElementsByTagName("button");////for(vari=0;i

表格案例代码

select移动

Title

>
>>
<
<<

select移动代码

三级联动

省、市、县选择

作用域是JavaScript最重要的概念之一,想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理。

任何程序设计语言都有作用域的概念,简单的说,作用域就是变量与函数的可访问范围,即作用域控制着变量与函数的可见性和生命周期。在JavaScript中,变量的作用域有全局作用域和局部作用域两种。

全局作用域

在代码中任何地方都能访问到的对象拥有全局作用域,一般来说一下几种情形拥有全局作用域:

(1)最外层函数和在最外层函数外面定义的变量拥有全局作用域

一般情况下,window对象的内置属性都都拥有全局作用域,例如window.alert()、window.location、window.top等等。

局部作用域

和全局作用域相反,局部作用域一般只在固定的代码片段内可访问到,最常见的例如函数内部,所有在一些地方也会看到有人把这种作用域成为函数作用域.

如示例1中的age与inner都只有局部作用域。(js中if、for没有自己的作用域)

在JavaScript中,函数也是对象,实际上,JavaScript里一切都是对象。函数对象和其它对象一样,拥有可以通过代码访问的属性和一系列仅供JavaScript引擎访问的内部属性。其中一个内部属性是[[Scope]],由ECMA-262标准第三版定义,该内部属性包含了函数被创建的作用域中对象的集合,这个集合被称为函数的作用域链,它决定了哪些数据能被函数访问。

例3结果分析

当一个函数创建后,它的作用域链会被创建此函数的作用域中可访问的数据对象填充。在函数bar创建时,它的作用域链中会填入一个全局对象,该全局对象包含了所有全局变量,如下图所示:

解析到函数调用时,即bar(5),会生成一个activeobject的对象,该对象包含了函数的所有局部变量、命名参数、参数集合以及this,然后此对象会被推入作用域链的前端,当运行期上下文被销毁,活动对象也随之销毁。新的作用域链如下图所示:

THE END
1.传播学教程考研笔记:传播学的对象和基本问题01第一节 从传播的定义看传播学的研究对象 传播学泛化问题? 1.(学科层面)意味着传播学学科影响力的扩大。传播学本是一门交叉学科,现在逆向的对周边各学科都有影响,甚至被社会学、哲学等基础学科所借鉴(为人文社科甚至自然科学的理论与知识创新提供了重要的支持)。 https://www.jianshu.com/p/e9b2b2bf126a?utm_campaign=haruki
2.大众传播学第一讲大众传播的定义特点与社会功能[3] 第一讲 传播学的研究范围和研究对象... 1570播放 06:58 [4] 第一讲 传播学的研究范围和研究对象... 1574播放 06:55 [5] 第一讲 传播学的研究范围和研究对象 882播放 07:50 [6] 第一讲 传播学的研究范围和研究对象... 1662播放 06:01 ...https://open.163.com/newview/movie/free?pid=UHL6TD5RT&mid=SIALQCDQ6
3.传播学概论(过程评价)(3)了解有关传播过程的主要模式及其演变规律,明确学习传播学的理论价值和现实意义。 二、学习目标 1.应了解的内容:识记的内容。 ·传播的特性和本质 ·传播的定义 ·传播的类型 ·传播结构的基本模式 ·传播的功能 2.应清楚理解的内容:领会的内容。 https://www.zikao365.com/demo/xwxb/three/c512280/
1.传播对象(精选五篇)其次,从传播对象看,需根据不同的划分标准进行分类考虑:若从传播平台角度考虑,选择不同的信息接收平台的受众必然有着不同的期待,内容生产当充分考虑传播平台特征,为传播平台及其受众(用户)“量身定制”信息;若从传播区域角度考虑,应基于相对有限的区域内受众,传播其需要的区域内外的“硬”、“软”信息。也就是说,...https://www.360wenmi.com/f/cnkey1yn7uxs.html
2.2022考研计算机数据库原理教程17章限累里fd2266删除模式的同时把该模式中所有的数据库对象全部删除 RESTRICT(限制) 如果该模式中定义了下属的数据库对象(如表、视图等),则拒绝该删除语句的执行。 当该模式中没有任何下属的对象时才能执行。 以下是运行结果,至于为什么是错误的,暂且放在这里,等熟悉相关知识之后,再来解决。 https://blog.csdn.net/wujing1_1/article/details/119947458
3.2023湖南师范大学新闻与传播专业基醇研大纲已出!第三节 学科建设:从“小新闻”走向“大传播” 第四节 中国新闻传媒业的新生态、新业态 传播学理论 第一章 传播学的对象和基本问题 第一节 从传播的定义看传播学的研究对象 一、如何把握传播的概念 二、传播与信息 三、传播的定义和特点 第二节 传播学是研究社会信息系统及其运行规律的科学 ...https://www.gaodun.com/kaoyan/1475495.html
4.2022年10月自考00182公共关系学真题试卷自考B.沟通对象 C.工作手段 D.过程 E.目标 23.根据关系的重要程度,可将公众划分为 A.首要公众 B.次要公众 C.临时公众 D.周期公众 E.稳定公众 24.影响知觉选择性的客观因素包括 A.知觉对象本身的特征 B.对象和背景的差别 C.对象的组合 D.需要 E.知识 25.传播的对象分析主要包括 A.传播对象的心理 B.传播对...https://www.educity.cn/zikao/5016504.html
5.JavaScript中的事件监听详细介绍javascript技巧在实际开发中,我们需要根据具体的需求选择合适的事件类型和事件处理函数,以及注意事件传播和事件对象的相关问题。到此这篇关于JavaScript事件监听的文章就介绍到这了,更多相关JS事件监听内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!https://www.jb51.net/javascript/295081dec.htm
6.广告《简明大不列颠百科全书》(15版)对广告[3]的定义是:广告是传播信息的一种方式,其目的在于推销商品、劳务服务、取得政治支持、推进一种事业或引起刊登广告者所希望的其他的反映。广告信息通过各种宣传工具,传递给它所想要吸引的观众或听众。广告不同于其他传递信息的形式,它必须由登广告者付给传播的媒介以一定的报酬...https://baike.sogou.com/v97613.htm
7.传播学部分名词解释在大众传播研究中,受众指的是大众传媒的信息接收者或传播对象。受众是一个集合概念:是读者、听众、观众的统称。 受众概念的基本含义: ★在传播过程中受众是主动接触、使用、享用媒介 ★受众具有双重性:既是信息传播的对象(信宿),也是反馈的信源。 ★ 受众具有“市场”性 :把受众看做是信息产品的消费者和大众传媒...https://m.oh100.com/ahsrst/a/201704/266765_3.html
8.广告学概论重点复习资料完整版码农知识堂媒体目标制定需要考虑的问题:传播目标、传播定位、传播时机、传播区域、其他考虑 评价指标:视听率RP、到达率、毛评点(总视听率)GRPS、暴露频次、覆盖面、千人成本CPM、CSM央视索福瑞 广告客体 定义:广告作用的对象,既接收广告信息的受众 性质:多重性、集群性、自助性、互动性 ...https://www.1000bd.com/Article/Index/912245
9.AAAI2022AI顶会论文究竟关注什么?误差传播是视频对象分割(Video object segmentation)中一个普遍但至关重要的问题。如何通过具有高可靠性的校正机制来抑制误差传播,从而提高分割的准确性,也成为研究员们关注的一个重要问题。本文中所提出的方法的核心是把信息流在常规的传播(Propagation)过程和用可靠线索校正(Correction)的过程中解耦。图9概述了该网络...https://www.msra.cn/zh-cn/news/features/aaai-2022
10.王哲论我国数据犯罪概念中“数据”的应有之义值得关注的是,在司法解释未就数据定义作明确规定的背景下,不同司法机关在认定数据犯罪过程中往往会围绕数据犯罪的适用范围产生分歧。部分司法机关将涉身份认证数据以外的个人信息、网络虚拟财产等视为数据犯罪的犯罪对象,还有部分司法机关将网络知识产权(试题数据库、游戏源代码)、其他网络财产性利益(网络积分、手机靓号信...https://www.jfdaily.com/sgh/detail?id=1262435
11.许慎说:“比类合谊,以见指揋。”其下定义的对象是()。【单选题】面向对象方法中,继承是指( )。 A. 一组对象所具有的相似性质 B. 一个对象具有另一个对象的性质 C. 各对象之间的共同性质 D. 类之间共享属性和操作的机制 查看完整题目与答案 【单选题】如果成本计算中,定义产品的定额工时和定额材料,应执行()功能。 A. 定义产品结构 B. 定义产品属性 ...https://www.shuashuati.com/ti/c28eebba63d6444b85f8f7c17330ccc0.html