学习JavaScript记录的笔记

1.javaScript在浏览器上的脚本语言
javascript是网景公司开发的,俗称js。最初叫做Livescript
网景公司被美国在线收购
最著名领航者浏览器,Navigator浏览器。javascript为navigator浏览器量身定制一门语言。

让浏览器更加的生动,不是单纯的静态页面,页面更具有交互性
javaScript的“目标程序”以普通文本形式保存,这种语言都叫做脚本语言
java的目标程序以class形式存在,不能使用文本编辑器打开,不是脚本语言
jsp:javaServer pages(隶属于java语言的,运行在jvm当中)
js:javaScript(运行在浏览器上。)

设置type=submit后,输入控件会变成一个按钮,显示的文字为其value值,默认值是Submit。

form[method]默认值为GET,所以提交后会使用GET方式进行页面跳转。

input[type]默认值为text,所以第一个input显示为文本框。
建议不要用input作为表单提交按钮。
input的type属性还可以是button,这时它只是一个按钮,不会引发表单提交。
button的语义很明确,就是一个按钮不含数据,作用就是用户交互。但它也有type和value属性。
type的默认值是submit,所以点击一个button会引起表单提交:
button居然也可以设置name和value。提交表单时,value会被作为表单数据提交给服务器。 在IE中,
甚至会把button开始与结束标签之间的内容作为name对应的值提交给服务器。

2.<!–用户点击按钮,弹出消息框。
2.js是一门事件驱动类型的编程语言,依靠事件去驱动,然后执行对应的程序。
在js中有很多事件,其中有一个事件叫做:鼠标单击,
单词:click。并且任何事件都会对应一个事件句柄,叫做onclick
(注意:事件和事件句柄的区别是:事件句柄是在事件单词前添加一个on。)而事件句柄是以html标签的属性存在的
3.onclik=“js代码”,页面打开的时候,js代码并不会执行,之上把这段JS代码注册到按钮的click事件上。等这个按钮发送click事件之后,注册在onclick后面的js代码会被
浏览器自动调用
4.怎么使用js代码弹出消息框?
在js中有一个内置的对象叫做windo,全部小写,可以直接拿来使用,window代表的是浏览器对象
window对象有一个函数叫做alert,用法是window.alert(“消息”);
js中字符串可以使用双引号,也可以使用单引号。
js中的一条语句结束之后可以使用分号";",也可以不使用
window可以省略不写

–>

事件句柄一般以标签的属性存在,不会执行,将js代码注册到事件上。、
**第一种方式嵌入html

作为属性存在
*第二种方式
脚本块的方式
先执行

//第一步是获取这个按钮对象(document是全部小写,内置对象,可以直接用,document就代表html页面)
var btnObj=document.getElementById(“mybtn”);//
//第二步:给按钮对象的onclick赋值
btnObj.οnclick=doSome;//注意千万别加(),doSome是错误的写法;这行代码是意思是将这个回调函数注册到click事件上

第二种写法:无名函数

var btnObj2=document.getElementById(“btn3”);//
btnObj2.οnclick=function(){//这个函数没有名字,叫做匿名函数,匿名函数也是一个回调函数
alert(“do some2”);
}

document.getElementById(mybtn4).onclick.function(){
alert(“do some3”);}
*/
HTML文档中可以使用以下属性和方法:

属性 / 方法 描述
document.activeElement 返回当前获取焦点元素
document.addEventListener() 向文档添加句柄
document.adoptNode(node) 从另外一个文档返回 adapded 节点到当前文档。
document.anchors 返回对文档中所有 Anchor 对象的引用。
document.applets
返回对文档中所有 Applet 对象的引用。

注意: HTML5 已不支持 元素。

document.baseURI 返回文档的绝对基础 URI
document.body 返回文档的body元素
document.close() 关闭用 document.open() 方法打开的输出流,并显示选定的数据。
document.cookie 设置或返回与当前文档有关的所有 cookie。
document.createAttribute() 创建一个属性节点
document.createComment() createComment() 方法可创建注释节点。
document.createDocumentFragment() 创建空的 DocumentFragment 对象,并返回此对象。
document.createElement() 创建元素节点。
document.createTextNode() 创建文本节点。
document.doctype 返回与文档相关的文档类型声明 (DTD)。
document.documentElement 返回文档的根节点
document.documentMode 返回用于通过浏览器渲染文档的模式
document.documentURI 设置或返回文档的位置
document.domain 返回当前文档的域名。
document.domConfig 已废弃。返回 normalizeDocument() 被调用时所使用的配置。
document.embeds 返回文档中所有嵌入的内容(embed)集合
document.forms 返回对文档中所有 Form 对象引用。
document.getElementsByClassName() 返回文档中所有指定类名的元素集合,作为 NodeList 对象。
document.getElementById() 返回对拥有指定 id 的第一个对象的引用。
document.getElementsByName() 返回带有指定名称的对象集合。
document.getElementsByTagName() 返回带有指定标签名的对象集合。
document.images 返回对文档中所有 Image 对象引用。
document.implementation 返回处理该文档的 DOMImplementation 对象。
document.importNode() 把一个节点从另一个文档复制到该文档以便应用。
document.inputEncoding 返回用于文档的编码方式(在解析时)。
document.lastModified 返回文档被最后修改的日期和时间。
document.links 返回对文档中所有 Area 和 Link 对象引用。
document.normalize() 删除空文本节点,并连接相邻节点
document.normalizeDocument() 删除空文本节点,并连接相邻节点的
document.open() 打开一个流,以收集来自任何 document.write() 或 document.writeln() 方法的输出。
document.querySelector() 返回文档中匹配指定的CSS选择器的第一元素
document.querySelectorAll() document.querySelectorAll() 是 HTML5中引入的新方法,返回文档中匹配的CSS选择器的所有元素节点列表
document.readyState 返回文档状态 (载入中……)
document.referrer 返回载入当前文档的文档的 URL。
document.removeEventListener() 移除文档中的事件句柄(由 addEventListener() 方法添加)
document.renameNode() 重命名元素或者属性节点。
document.scripts 返回页面中所有脚本的集合。
document.strictErrorChecking 设置或返回是否强制进行错误检查。
document.title 返回当前文档的标题。
document.URL 返回文档完整的URL
document.write() 向文档写 HTML 表达式 或 JavaScript 代码。
document.writeln() 等同于 write() 方法,不同的是在每个表达式之后写一个换行符。
重点
执行顺序

代码会在页面打开的时候自上而下的执行。
id获取不到解决办法
1.将JS标签放到标签下方
2.将js代码写到head标签下
3.在BOYD中写入onload事件,执行完body之后去调用函数
window对象表示的浏览器窗口
document表示的是窗口下的文档,文档是一棵树,树下面有很多节点。Document 对象是 HTML 文档的根节点。
Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。
所有的HTML元素都是元素节点。
所有 HTML 属性都是属性节点。

function read(){ var btnObj2=document.getElementById("btn3");// btnObj2.οnclick=function dosome2(){//这个函数没有名字,叫做匿名函数,匿名函数也是一个回调函数 alert("do some2"); } } 4.在js中写onload window.οnlοad=read;页面加载的时候注册 //页面加载的过程中,将a函数注册给load事件 //页面加载完毕后,load事件发生了,此时执行click事件 //回调函数a执行过程中,把B函数注册给了id="btn"的click事件 function read(){//a函数 页面加载完毕之后执行函数 var btnObj2=document.getElementById("btn3");//下面是B函数 btnObj2.οnclick=function dosome2(){//这个函数没有名字,叫做匿名函数,匿名函数也是一个回调函数 alert("do some2"); } } window.οnlοad= function(){//a函数 var btnObj2=document.getElementById("btn3");//下面是B函数 btnObj2.οnclick=function dosome2(){//这个函数没有名字,叫做匿名函数,匿名函数也是一个回调函数 alert("do some2"); } }

弊端:如果写多个这样的函数,他只会执行最后一个函数,前面的会被覆盖,如果将javascript写到head里面会获取不到内置函数

将JavaScript标识放置… 在头部之间,使之在主页和其余部分代码之前预先装载,从而可使代码的功能更强大;
比如对*.js文件的提前调用。
也就是说
把代码放在区在页面载入的时候,就同时载入了代码,你在区调用时就不需要再载入代码了,速度就提高了,这种区别在小程序上是看不出的,当运行很大很复杂的程序时,就可以看出了。
当然也可以将JavaScript标识放置在… 主体之间以实现某些部分动态地创建文档。
这里比如制作鼠标跟随事件,肯定只有当页面加载后再进行对鼠标坐标的计算。或者是filter滤镜与javascript的联合使用产生的图片淡入淡出效果

javascript代码写在里面:
由于这时候网页主体(body)还未加载,所以这里适合放一些不是立即执行的自定义函数,立即执行的语句则很可能会出错(视浏览器而定)
javascript代码写在里面:
这里可以放函数也可以放立即执行的语句,但是如果需要和网页元素互动的(比如获取某个标签的值或者给某个标签赋值),Javascript代码务必在标签的后面
javascript代码写在下面:
这时候整个网页已经加载完毕了,所以这里最适合放需要立即执行的命令,而自定义函数之类的则不适合。

使用id方式时要将js代码写在input标签下面
var btnObj2=document.getElementById(“btn3”);//返回NULL,因为代码执行到此次的时候"btn3"的元素还没有加载到内存

一个节点对象中只要有的属性都可以.
比如将type=“text”—>a.type=“checkbox”

Attributes 存储节点的属性列表(只读)
childNodes 存储节点的子节点列表(只读)
dataType 返回此节点的数据类型
Definition 以DTD或XML模式给出的节点的定义(只读)
Doctype 指定文档类型节点(只读)
documentElement 返回文档的根元素(可读写)
firstChild 返回当前节点的第一个子节点(只读)
Implementation 返回XMLDOMImplementation对象
lastChild 返回当前节点最后一个子节点(只读)
nextSibling 返回当前节点的下一个兄弟节点(只读)
nodeName 返回节点的名字(只读)
nodeType 返回节点的类型(只读)
nodeTypedValue 存储节点值(可读写)
nodeValue 返回节点的文本(可读写)
ownerDocument 返回包含此节点的根文档(只读)
parentNode 返回父节点(只读)
Parsed 返回此节点及其子节点是否已经被解析(只读)
Prefix 返回名称空间前缀(只读)
preserveWhiteSpace 指定是否保留空白(可读写)
previousSibling 返回此节点的前一个兄弟节点(只读)
Text 返回此节点及其后代的文本内容(可读写)
url 返回最近载入的XML文档的URL(只读)
Xml 返回节点及其后代的XML表示(只读)

方法:

appendChild 为当document.write() //动态向页面写入内容
document.createElement_x(Tag) //创建一个html标签对象
document.getElementByIdx_x(ID) //获得指定ID值的对象
document.getElementsByName(Name) //获得指定Name值的对象 前节点添加一个新的子节点,放在最后的子节点后
cloneNode 返回当前节点的拷贝
createAttribute 创建新的属性
createCDATASection 创建包括给定数据的CDATA段
createComment 创建一个注释节点
createDocumentFragment 创建DocumentFragment对象
createElement_x 创建一个元素节点
createEntityReference 创建EntityReference对象
createNode 创建给定类型,名字和命名空间的节点
createPorcessingInstruction 创建操作指令节点
createTextNode 创建包括给定数据的文本节点
getElementsByTagName 返回指定名字的元素集合
hasChildNodes 返回当前节点是否有子节点
insertBefore 在指定节点前插入子节点
Load 导入指定位置的XML文档
loadXML 导入指定字符串的XML文档
removeChild 从子结点列表中删除指定的子节点
replaceChild 从子节点列表中替换指定的子节点
Save 把XML文件存到指定节点
selectNodes 对节点进行指定的匹配,并返回匹配节点列表
selectSingleNode 对节点进行指定的匹配,并返回第一个匹配节点
transformNode 使用指定的样式表对节点及其后代进行转换
transformNodeToObject 使用指定的样式表将节点及其后代转换为对象

body-主体子对象

document.body //指定文档主体的开始和结束等价于body>/body>
document.body.bgColor //设置或获取对象后面的背景颜色
document.body.link //未点击过的链接颜色
document.body.alink //激活链接(焦点在此链接上)的颜色
document.body.vlink //已点击过的链接颜色
document.body.text //文本色
document.body.innerText //设置body>…/body>之间的文本
document.body.innerHTML //设置body>…/body>之间的HTML代码
document.body.topMargin //页面上边距
document.body.leftMargin //页面左边距
document.body.rightMargin //页面右边距
document.body.bottomMargin //页面下边距
document.body.background //背景图片

document.body.appendChild(oTag) //动态生成一个HTML对象

常用对象事件

document.body.οnclick=”func()” //鼠标指针单击对象是触发
document.body.οnmοuseοver=”func()” //鼠标指针移到对象时触发
document.body.οnmοuseοut=”func()” //鼠标指针移出对象时触发
———————————————————————
location-位置子对象

document.location.hash // #号后的部分
document.location.host // 域名+端口号
document.location.hostname // 域名
document.location.href // 完整URL
document.location.pathname // 目录部分
document.location.port // 端口号
document.location.protocol // 网络协议(http:)
document.location.search // ?号后的部分

documeny.location.reload() //刷新网页
document.location.reload(URL) //打开新的网页
document.location.assign(URL) //打开新的网页
document.location.replace(URL) //打开新的网页
———————————————————————
selection-选区子对象
document.selection
———————————————————————

images集合(页面中的图象)

a)通过集合引用
document.images //对应页面上的img标签
document.images.length //对应页面上img标签的个数
document.images[0] //第1个img标签
document.images[i] //第i-1个img标签

b)通过nane属性直接引用
img name=”oImage”
document.images.oImage //document.images.name属性

c)引用图片的src属性
document.images.oImage.src //document.images.name属性.src

d)创建一个图象
var oImage
oImage = new Image()
document.images.oImage.src=”1.jpg”
同时在页面上建立一个img /标签与之对应就可以显示

———————————————————————-

forms集合(页面中的表单)

a)通过集合引用
document.forms //对应页面上的form标签
document.forms.length //对应页面上/formform标签的个数
document.forms[0] //第1个/formform标签
document.forms[i] //第i-1个/formform标签
document.forms[i].length //第i-1个/formform中的控件数
document.forms[i].elements[j] //第i-1个/formform中第j-1个控件

b)通过标签name属性直接引用
/formform name=”Myform”>input name=”myctrl”/>/form
document.Myform.myctrl //document.表单名.控件名

c)访问表单的属性
document.forms[i].name //对应form name>属性
document.forms[i].action //对应/formform action>属性
document.forms[i].encoding //对应/formform enctype>属性
document.forms[i].target //对应/formform target>属性

document.forms[i].appendChild(oTag) //动态插入一个控件
document.all.oDiv //引用图层oDiv
document.all.oDiv.style.display=” //图层设置为可视
document.all.oDiv.style.display=”none” //图层设置为隐藏
document.getElementId(”oDiv”) //通过getElementId引用对象
document.getElementId(”oDiv”).style=”
document.getElementId(”oDiv”).display=”none”

图层对象的4个属性
document.getElementByIdx_x(”ID”).innerText //动态输出文本
document.getElementByIdx_x(”ID”).innerHTML //动态输出HTML
document.getElementByIdx_x(”ID”).outerText //同innerText
document.getElementByIdx_x(”ID”).outerHTML //同innerHTML

document属性作为window对象的一个子对象被创建,是用于访问页面中所有元素的对象。其主要具有以下一些应用特性:

referrer 指定referral URL.
title 标题文字
URL 指定文档的URL
vlinkColor 指定相关标签的vlink属性
属性/方法/事件 描述
onClick 当文档被点击时触发
onDblClick 当文档被双击时触发
onKeyDown 当按下任意键时触发。优先于onKeyPress事件触发器
onKeyPress 参见onKeyDown
onKeyUp 当释放按下的键时触发
onMouseDown 当按下鼠标键时触发
onMouseUp 当释放鼠标键时触发
captureEvents() 捕获所有与文档相关的事件
close() 关闭文档流
getSelection() 返回当前选中的文本
handleEvent() 调用事件处理器给指定的事件
open() 打开文档流
releaseEvents() 释放所捕获的事件
routeEvent() 通过正常的处理程序来传递所捕获的事件
write() 向文档中写入内容
writeln() 在文档中写入带有换行符的字符串
alinkColor 指定相关标签的alink属性
anchors 包含了文档中所有anchor标签的数组
bgColor 指定相关标签的背景颜色。
cookie 指定cookie
domain 指定服务于文档的域
embeds 包含了文档中所有embed标签的数组
fgColor 指定相关标签的text属性
formName 文档中每个form的实际名称
forms 包含了文档中所有form标签的数组
images 包含了文档中所有image标签的数组
lastModified 指定文档最后更改的日期
layers 包含了文档中layer的所有标签的数组
linkColor 指定相关标签的link属性
links 包含了文档中所有links的数组
plugins 包含了文档中所有plug-in的数组

***js代码keydown,获取鼠标的键值,做出改变
回车的键值是13
esc的键值是27

valueEl.value=“aaa”;改变属性的值
onblur鼠标离开时发生
this代表的是当前的input对象,this.value就是这个节点对象的value属性。

innerHTML和innerText属性
相同点:都是设置元素内部的内容
不同点:
innerHTML和innerText操作div和span
innerHTML会将里面的内容会当做HTML代打
innerText会当做文本

}

EL表达式***
1.正则表达式:Regular Expression
正则表达式主要用在字符串格式匹配方面
2.正则表达式实际上是一门独立的学科,在java语言中支持,C语言也支持,javascript也支持
大部分语言都支持正则表达式,正则表达式最初用在医学方面,用来表示神经符号
,目前使用最多的是计算机编程领域,用在字符串匹配,包括搜索方面。
第一:场景的正则表达式符号要认识
第二:简短的正则表达式要会写
第三:他人变形的正则表达式要能看懂。
第四:在javascript当中,怎么创建正则表达式对象(new对象)
第五:在javascript当中,正则表达式对象有哪些方法(调方法)
第六:能够快速的从网络上找到自己需要的正则表达式,并且能够使用

4.常见的正则表达式符号:
.匹配出换行符以外的任意字符
\w匹配字母或数字或下划线或汉字
\s匹配任意的空白符
\d匹配数字
\b匹配单词的开始或接受
^匹配字符串的开始
$匹配字符串的接结束

*重复零次或更多次
+重复一次或更多次
?重复零次或一次
{n}重复n次
{n,}重复n次或更多次
{n,m}重复n到m次

\W匹配任意不是字母,数字,下划线,汉字的字符
\S匹配任意不是空白符的字符
\D匹配任意非数字的字符
\B匹配不是单纯开头或结束的位置
[^x]匹配除了x以外的任意字符
[^aeiou]匹配除了aeiou这几个字母以外的任意字符

正则表达式当中的小括号()优先级别较高
[1-9]表示1到9的任意1个数字(次数是1次)
[A-Za-z0-9]表示A-Za-z0-9中的任意1个字符
[A-Za-z0-9-]表示A-Z,a-z,0-9,-,以上所有字符的任意一个字符
|表示或
5.简单的正则表达式要回写
qq号的正则表达式1[0-9]{4,}$

7.怎么创建正则表达式对象,怎么调用正则表达式的方法
第一种创建方式:
var regExp=/正则表达式/;
var regExp=/正则表达式/flags;—gim可以单个写也可以联合写
第二种创建方式:使用内置支持类RegExp
flags标志
var regExp=new RegExp(“正则表达式”,“flags”);
关于flags:
g:全局匹配
i;忽略大小写
m:多行搜索(当前面是正则表达式的时候不能使用,只有当前面是字符串的时候可以使用)

var abbr = /^#([a-fA-F0-9]{3})KaTeX parse error: Expected group after '^' at position 27: … hex = /^̲#([a-fA-F0-9]{6…/i,
rgba = /^rgba?(\s*([±]?\d+)\s*,\s*([±]?\d+)\s*,\s*([±]?\d+)\s*(?:,\s*([±]?[\d.]+)\s*)?)KaTeX parse error: Can't use function '\(' in math mode at position 25: … per = /^rgba?\̲(̲\s*([+-]?[\d\.]…/i,
keyword = /(\w+)/;

正则表达式对象的test()方法
true/flase=正则表达式对象.test(用户写的字符串);
true:字符串格式匹配成功
flase:字符串匹配失败



去除字符串的前后空白****
trim函数

//低版本的浏览器不支持字符串trim()函数 //可以自己对String扩展一个全新的trim函数(); String.prototype.trim=function(){ //prototype可以用来扩展函数 alert("扩展之后的trim方法"); return this.replace(/^\s+/," ").replace(/\s+$/,""); //全局扫描 reyurn this.replace(/^\s+$/g," "); }
和 功能相似,但是div独占一行 Title

表单验证****
判断用户名为空
if(username)
if(usename.length=0)
if(username
" ")
提示span标签

js复选框的全选和取消。
41讲--------

下拉列表获取value的值
onchange改变时获取值
第一种方式
第二种方式

provinceListElt.οnchange=function(){
provinceListElt.value
}

显示网页时钟***
内置的支持类关于JS中内置支持类,Date,可以用来获取时间/日期
var nowTime =new Date();
输出
document.write(nowTime);
//转换成具有本地语言环境的日期格式。
nowTime=nowTime.tolocaleString();
document.write(nowTime);
//当医生格式不是自己想要的,可以通过日期获取年月日等信息,自定制日期格式。
var t=new Date();
var year=t.getFullYear(); //返回信息,以全格式返回
var manth=t.getMonth();//月份是0-11
var dayofweek=t.getDay();//获取的一周的第几天
var day=t.getDate();//日期
document.write(year+“年”+moth+“月”+day+“日”);
//获取毫秒数(从1970年1月1日00:00:00 000到目前的毫秒数)
var times=t.getTime();
document.write(times);//一般会使用好描述当中事件戳,(timestamp);

JavaScript内置支持类Array*
数组会自动扩容,如果没有传值默认undefined
var a=new Array();
var a2=new Array(3);//3表示长度
var a3=new Array(2,3);//2,3表示元素
一般开发中用var arr=[];里面放元素
var a=[1,2,3,9];
var str =a.jion(“-”);
alert(str);1-2-3-9

join()函数会将数值以方法里的字符串连接起来
a.push(10);//在数值的尾端添加一个元素(数值长度+1)
var endElt=a.pop();//将数值末尾的元素弹出(数值长度-1)
//在js中的数组可以自动模拟栈的数据结构,后进先出,先进后出

BOM***编程
open和close





弹出消息框和确认框

window.alert消息框
window.confirm确认框

history和loaction对象
window.history.back();后退
window.history.go(-1);后退
window.history.go(1);前进

window.location 地址栏对象
function goBaidu(){
var locationObj=window.location;
locationObj.href=“http://www.daidu.com”;
}
wincow.location.href=" ";
或者省略href

哪些方法可以通过浏览器向服务器发送请求:
1.表单form的提交
2.超链接
3.document.location
4.window.location
5.window.opn(“url”)
6.直接睡在浏览器地址栏上输入URL,然后回车
以上链接的请求方式都可以携带数据给服务器。但是只有表单方式是动态的

如果当前的窗口不是顶级窗口,将当前窗口设置成顶级窗口
if(window.top!=window.self){
window.top.location=window.self.location;
}

JSON**
什么是json,有什么用
javaScript Object Notation—javascript对象标记(数据交换格式);
JSON主要的作用是一种标准的数据交换格式
目前非常流行,90%以上的系统,系统A与系统B交换数据的话,都用JSON
2.JSON是一种标准的轻量级的数据交换格式;
特点是体积小,易解析。
3.在实际开发中有两种数据交换格式,使用最多,其一是JSON,另一种是XML
XML体积大,解析麻烦,但是有其优点是,语法严谨。通常银行相关系统之间交换的数据会使用XML
HTML和XML有一个父亲,SGML(标准通用标记语言)
HTML主要做页面展示,所以语法松散

var studentObj={
“sno”:“110”,
“sname”:“张三”,
“sex”:“男”
}
访问JSON对象的属性
alert(studentObj.sno+“,”+studnetObj.sname+“,”+studentObj.sex);
//json也可以成为无类型对象,轻量级,轻巧,体积小,易解析。
var students=[];//数值对象
var students=[
{“sno”:“110”,“sname”:“张三”,
“sex”:“男”},
{“sno”:“110”,
“sname”:“张三”,
“sex”:“男”},
{“sno”:“110”,
“sname”:“张三”,
“sex”:“男”}
];
for(var i=0;i<students.length;i++){
var studentObj=students[i];
alert(studentObj.sno+“,”+studentObj.sname+“,”+studentObj.sex);
}

描述真个班级每一个学生的信息,以及总人数
var jasonObj={
"total":3;
"students":[
{"name:"zhangsan","brith":"1980-20-2"}
    {"name:"zhangsan","brith":"1980-20-2"}
    {"name:"zhangsan","brith":"1980-20-2"}
]
}

eval函数:将字符串当做一段JS代码解释执行
window.eval(“var i=100;”);
alert(“i=”+i);

//java连接数据库,查询数据之后,将数据在java程序中凭借成JSON的字符串,将jason格式的字符响应到浏览器
也就是说java响应到浏览器上的仅仅是一个JSON格式的字符串,还不是一个JSON对象
可以使用EVAL函数,减负json格式的字符串转换成json对象
var fromjava=“{“name”:“zhangsna”,“password”:“123”}”;
//这是java程序发送过来的json格式的“字符串”
//将以上的JSON格式的字符串转换成json对象
window.eval(“var jsonObj=”+fromjava);
//访问json对象
alert(jsonObj.name+“,”+jsonObj.password);//前端取函数

面试题:
在js当中,[]和{}的区别
[]是数组
{}是JSON
java中的数组 int[]arr={1,2,3}

js中的数组 var arr=[1,2]
json: var jsonObj={“email”:“zhansan”,“age”:25}
json是一个JSON是一种标准的轻量级的数据交换格式;
在js中是对象的形式存在

js中访问json对象的属性
alert(json.username);
alert(json[“username”]);
for (var propertyName in json){
}

var data={
“total”:4,
“emps”:[
{“empno”:2223,“ename”:“SMITH”,“sal”:800}
{“empno”:2223,“ename”:“SMITH”,“sal”:800}
{“empno”:2223,“ename”:“SMITH”,“sal”:800}
]
}

tbody 元素应该与 thead 和 tfoot 元素结合起来使用。
thead 元素用于对 HTML 表格中的表头内容进行分组
,而 tfoot 元素用于对 HTML 表格中的表注(页脚)内容进行分组。
注释:如果您使用 thead、tfoot 以及 tbody 元素,
您就必须使用全部的元素。它们的出现次序是:thead、tfoot、tbody,
这样浏览器就可以在收到所有数据前呈现页脚了。您必须在 table 元素内部使用这些标签
提示:在默认情况下这些元素不会影响到表格的布局
。不过,您可以使用 CSS 使这些元素改变表格的外观。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值