写点什么

JavaWeb 快速入门 --JavaScript(2),java 面试题库及答案

用户头像
极客good
关注
发布于: 刚刚

var today=new Date(); //自动获取当前时间作为初始值


var birthday=new Date("December 17,1999 08:12:00");//按日期字符串设置对象


birthday=new Date(1999,12,06);//按年、月、日设置对象


birthday=new Date(1999,12,06,3,22,30);//按年、月、日、时、分、秒设置对象


获取日期的方法:


getTime();//获取当前时间,到毫秒


toLocaleString()//字符串格式返回时间


getDate();//返回一个月中的某一天


getDay();//返回一周中的某一天


getMonth();//返回月份


getFullYear();//按四位数字返回年份


getHours();//返回小时


getMinutes();//返回分钟


getSeconds();//返回秒数


getMillisecinds();//返回毫秒


4. Math:数学对象


Math 对象提供多种算术常量和函数,执行普通的算术任务,使用 Math 对象不用创建,可以直接使用( Math.方法名();


Math 中的常量:E、LN2、LN10、LOG2E、LOG10E、PI、SQRT1_2、SQRT2


Math 中的方法:


random():返回 0 ~ 1 之间的随机数,含 0 不含 1


sqrt():返回平方根


max():最大值


min():最小值


ceil(x):对数进行上舍入。


floor(x):对数进行下舍入。


round(x):把数四舍五入为最接近的整数。


exp():返回 e 的指数


log():返回自然对数


pw():返回 x 的 y 次幂


5. Number:数值对象


Number 用来表示数值对象,JavaScript 会自动在原始数据的对象之间转换。同时 Number 也不用创建对象,直接使用数值变量名即可var s=x.方法名(参数)


Number 中的方法:


toString(redix);//按照指定的进制数转化为字符串,默认为十进制


toFixed();//将 Number 四舍五入为指定小数位数的数字


6. String:字符串对象


字符串是 JavaScript 中使用不叫普遍的一个类型,我们可以通过var s1="Hello World";var s2=new String("Hello World");两种方式定义字符串。


字符串中常用的属性和方法:


length;//获取字符个数


charAt(n);//获取指定位置的字符


indexOf(search,index);//从指定位置开始,搜索字符串第一次出现的位置


lastIndexOf();//字符串最后出现的位置


split();//将字符串分割成字符串数组


toLowerCase();//把字符串转换为小写


toUpperCase();;//把字符串转换为大写


7. RegExp:正则表达式对象


正则表达式(regular expression)描述了一种字符串匹配的模式(pattern),可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。


定义字符串的组成规则。


  • 单个字符:[],如:[a] [ab] [a-zA-Z0-9_]

  • 特殊符号代表特殊含义的单个字符:


\d:单个数字字符 [0-9]


\w:单个单词字符[a-zA-Z0-9_]


  • 量词符号:


?:表示出现 0 次或 1 次


*:表示出现 0 次或多次


+:出现 1 次或多次


{m,n}:表示 m<= 数量 <= n


m 如果缺省: {,n}:最多 n 次


n 如果缺省:{m,} 最少 m 次


  • 开始结束符号


^:开始 $:结束


创建方式:


var reg = new RegExp("正则表达式");


var reg = /正则表达式/;


方法:


test(参数):验证指定的字符串是否符合正则定义的规范


8. Global:全局对象


Global 是全局对象,封装的方法不需要对象就可以直接调用。 方法名();


encodeURI():url 编码


decodeURI():url 解码


encodeURIComponent():url 编码,编码的字符更多


decodeURIComponent():url 解码


parseInt():将字符串转为数字,逐一判断每一个字符是否是数字,直到不是数字为止,将前边数字部分转为 number


isNaN():判断一个值是否是 NaN,NaN 自己无法识别自己,NaN 参与的==比较全部问 false


eval():讲 JavaScript 字符串,并把它作为脚本代码来执行。


URL 编码:


传智播客 = %E4%BC%A0%E6%99%BA%E6%92%AD%E5%AE%A2


DOM:




DOM(Document Object Model):文档对象模型,用来控制文档的内容,将标记语言文档的各个部分封装为对象,通过使用这些对象对标记语言文档进行操作,使用户和网页之间的交互更加丰富。JavaScript 可以通过 document 对象访问这个模型中的所有页面元素。


W3C DOM 标准被分为 3 个不同的部分:


  • 核心 DOM - 针对任何结构化文档的标准模型


Document:文档对象


Element:元素对象


Attribute:属性对象


Text:文本对象


Comment:注释对象


Node:节点对象


  • XML DOM - 针对 XML 文档的标准模型

  • HTML DOM - 针对 HTML 文档的标准模型


理解结点:


Node:结点对象,其他 5 个的父对象,document 实际上是该页面上所有页面元素的集合,通过它可以访问页面中所有的元素,DOM 中的每一个对象都可以被认定为一个节点,指该页面上的某个元素。<html>是页面的结点,是所有元素的根,可以通过document.documentElement;来获得,同时结点还包括:子结点、父结点、兄弟结点,可以通过相关方法来访问:


childNodes;//获取自己的子结点


firstChild;//获取第一个子结点


lastChild;//获取最后一个子结点


parentNode;//获取结点的父结点


previousSibling;//返回结点的前一个结点


nextSibling;//返回结点的后一个结点


【一线大厂Java面试题解析+核心总结学习笔记+最新架构讲解视频+实战项目源码讲义】
浏览器打开:qq.cn.hn/FTf 免费领取
复制代码


CRUD dom 树:


appendChild(); //向节点的子节点列表的结尾添加新的子节点


removeChild(); //删除(并返回)当前节点的指定子节点


replaceChild(); //用新节点替换一个子节点


访问页面元素:


获取页面标签(元素)对象:Element


  • 通过 ID 访问页面元素:document.getElementById("id值"); ,可以通过.value访问标签中的内容

  • 通过 Name 访问页面元素:getElementsByName();,返回值是一个数组

  • 通过标签名访问页面元素:getElementsByTagName();,返回值是一个数组

  • 通过 Class 属性值访问页面元素:getElementsByClassName();,返回值是一个数组

  • 另外我们还可以通过document.froms方法获得页面中的所有 from 对象


创建其他 DOM 对象:


  • createAttribute(name)

  • createComment()

  • createElement()

  • createTextNode()


修改属性:


  • removeAttribute():删除属性

  • setAttribute():设置属性


操作 Element 对象:


上面介绍了获取页面元素的方法,获取元素之后,我们就可以可以通过修改元素的属性值来达到动态修改页面的效果。这里我们提供一个属性值:innerHTML,这个属性可以用来修改标签提的内容。同时我们也可以直接对元素属性就行修改:


<script type="text/javascript"> function changeColor(){


var newColor =("请输入一个颜色,格式为 #ffffff","#87ceeb");


var tb=document.getElementById("table1");


if(tb!=null){


tb.style.backgroundColor=newColor;


}


} </script>


BOM:


=================================================================


BOM(Browser Object Model) 浏览器对象模型,将浏览器的各个组成部分封装成对象。由Window:窗口对象Navigator:浏览器对象Screen:显示器屏幕对象History:历史记录对象Location:地址栏对象五部分组成。


Window:窗口对象


Window 对象是 JavaScript 层级中的顶级对象,在浏览器的网页中会自动的拥有 Window 对象,我们可以直接使用。Window 中提供了一些重要的属性 方法名();或window.方法名();,象上面用到的 document 对象就属于 Window 对象所有,另外还有:


  • history:该对象记录一系列用户访问的网址,可以通过 back()、forward()、go()放法重复执行以前的访问,同时可以通过 leagth 属性返回当前窗口历史列表中的 URL 数量。

  • location:表示当前显示文档的 Web 地址,可以用它修改显示当前窗口,如果把一个含有 URL 的字符串赋予 location 或它的 href 属性,就可以在当前窗口显示内容

  • navigator:有关客户机浏览信息的对象

  • screen:存放关于浏览器屏幕的信息

  • parent:获取当前窗口的父窗口引用


Window 对象中的主要方法:


  • 与弹出框有关的方法:


alert():显示带有一段消息和一个确认按钮的警告框。


confirm():显示带有一段消息以及确认按钮和取消按钮的对话框。如果用户点击确定按钮,则方法返回 true,如果用户点击取消按钮,则方法返回 false;


prompt():显示可提示用户输入的对话框,返回值:获取用户输入的值


  • 与打开关闭有关的方法:


close():关闭浏览器窗口。


open():打开一个新的浏览器窗口,返回新的 Window 对象


  • 与定时器有关的方式


setTimeout():在指定的毫秒数后调用函数或计算表达式,参数:js 代码或者方法对象或毫秒值,返回值:唯一标识,用于取消定时器


clearTimeout():取消由 setTimeout() 方法设置的 timeout。


setInterval():按照指定的周期(以毫秒计)来调用函数或计算表达式。


clearInterval():取消由 setInterval() 设置的 timeout。


事件编程




事件是可以被浏览器监听到的行为,HTML 对一些页面元素规定了可以响应的事件。将事件,事件源,监听器结合在一起,当事件源上发生了某个事件,则触发执行某个监听器代码。


监听的概念: 某些组件被执行了某些操作后,触发某些代码的执行。


网页访问中常见的事件:


  • 点击事件:


onclick:单击事件


ondblclick:双击事件

用户头像

极客good

关注

还未添加个人签名 2021.03.18 加入

还未添加个人简介

评论

发布
暂无评论
JavaWeb快速入门--JavaScript(2),java面试题库及答案