javascript与浏览器的数据交互
来源:互联网 发布:mac如何下载魔兽世界 编辑:程序博客网 时间:2024/06/06 00:48
1.从浏览器中获取数据
从浏览器中获取数据的原生方法常用的有三个:
<span style="font-size:18px;">var ipt1=document.getElementById("id");var ipt2=document.getElementsByName("name";var ipt3=document.getElementsByTagName("tag");</span>ipt1获取的是id标识为“id”的那个标签,是一个document对象。
ipt2获取的是name属性值为“name”的一系列标签对象,是一个对象数组,需要根据其他的标识进一步去确定需要的document对象。
ipt3获取的是标签名称为tag的一系列标签对象,是一个数组,需要根据其他标识进一步确认需要的document对象。
获取到当前的dom对象之后,可以使用下面的方法获取它们的值:
var val=ipt1.value;//get valuevar id=ipt1.id;//get id attribute
2.向浏览器中设置数据
向浏览器中的标签设置属性其实就是通过document对象获取页面标签对其属性赋值的操作。例如:
ipt1.value="hello,js!";对其属性赋值也是类似的操作。但是有的标签可能有一些不一样的地方,例如textarea向文本区域中赋值,可能就需要使用它的innerHTML属性赋值,对于文件输入框可能需要使用outerHTML属性等等。
3.事件
事件是js与浏览器之间交互的主体,在web开发中绝对的主力。对于事件的配合上是DOM提供句柄,而js提供句柄函数。比较好理解的说法是DOM提供了一些事件函数的接口,js提供了这些接口的实现函数。事件有很多种,有单一的事件,也有复合事件,例如单击和拖拽。
DOM上的的事件句柄属性有onClick,onFoucs等等,而js的实现函数跟普通的函数没有什么区别。
特别说明的一点是在事件函数中的this,它到底是指什么?
this是指当前事件函数绑定的标签的document对象。例如:
<input type="text" id="inp" value="123" onClick="findValue();">
function findValue(){ alert(this.value);}这里的this就是id="inp"的document对象。不过这种方式可能会导致this指向混乱。
0 0
- javascript与浏览器的数据交互
- javascript:用户与浏览器交互
- C#与Javascript数据交互
- C#与Javascript数据交互
- Javascript与Java在浏览器中的交互
- JavaScript与Android的数据交互,js与安卓数据交互WebView
- JavaScript与ActionScript函数相互调用(数据的交互)
- iOS开发-------基于WKWebView的原生与JavaScript数据交互
- 利用MFC实现浏览器的定制与扩展(JavaScript与C++交互)
- Firemonkey增强浏览器在Android平台上与JavaScript的交互
- javascript与applet的交互
- Flex与JavaScript的交互
- Flex与JavaScript的交互
- Flex与JavaScript的交互
- javascript与silverlight3的交互
- AS3 与 JavaScript 的交互
- html与javascript的交互
- WebView与JavaScript的交互
- 博客作业
- piwik event跟踪
- CI中使用log4php调试程序
- 第九周项目3.6 输出点阵6
- Happy BirthDay to You
- javascript与浏览器的数据交互
- java.lang.IllegalThreadStateException 线程运行报错
- 第九周项目4 九九乘法表
- 接触Python(x,y)
- Color the ball(杭电1556)
- Android学习日记(1)
- How to Slim Your Thighs with 5 Thigh Firming Exerc
- 第25题 Simplify Path
- ubuntu 14.04 eclipse 新建C项目