博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
初见Ajax——javascript访问DOM的三种访问方式
阅读量:5977 次
发布时间:2019-06-20

本文共 1297 字,大约阅读时间需要 4 分钟。

最近好啰嗦

最近在一间小公司实习,写一些小东西。小公司嘛,人们都说在小公司要什么都写的。果真是。

前端,后台,无论是HTML,CSS,JavaScript还是XML,Java,都要自己全包了。还好前台的要求不高。写一些芝麻豆腐的东西还是不在话下的。但是整个项目下来估计还不止这些要写。而且我的经验当中,都没怎么关心过前端的东西,一直认为这是和我无关的东西,这次估计要悲剧了。所以找了一本书来看——《Ajax实战》。临时抱佛脚,临阵磨枪,也不能说是完全没有用处的。相比没怎么写过Java的人,我还是觉得写一些简单的Javascript对后台的帮助比我去写Java要快。而且交互上来说,Ajax也是必须的。我本人也讨厌老是要刷新整个页面,这太影响体验了。

Ajax,至于叫什么,大家随意吧。是人也好,是足球队也罢。。。

Ajax不是单一的技术,大家都知道,好吧,我啰嗦了。

Ajax设计的技术:Javascript,CSS,DOM,XMLHttpRequest对象。

Javascript和CSS,这两种技术,之前也写过,所以有所了解。一直觉得DOM很难理解,主要还是自己懒一直没有自己去看。XMLHttpRequest嘛,无非就是跟服务器打交道的东西。Request,请求嘛。

用Javascript改善用户体验。用CSS定义应用的外观。用DOM组织视图。使用XML技术异步加载数据。简单来说,Ajax就做了这些事情吧。

暂时只想说个Javascript操作CSS和DOM的例子,XML的事情以后再说吧。一步一步来。

一个简单的例子:

   
Hello Ajax

新闻消息:博客园收购了CSDN

更多内容

javascript蛮好玩的嘛。

实例:

这是一个用javascript操作Document和CSS的例子。

DOM能够为javascript引擎公开网页。通过DOM,可以采用编程的方式操作文档的结构。Web页面的DOM表示是一个树状结构,由元素或点组成。节点可以包含很多子节点。javascript通过全局变量document公开当前Web叶梦得根节点,这个变量是所有DOM操作的起点。DOM使用容器的属性来做索引,而不是使用数字做索引。DOM中元素的关系可以看作是HTML清单的镜像。这种关系可以是双向的,修改DOM将改变HTML标记,随之会反映在页面的现实上。

 

譬如(方法1)

var node=document.form1.hello;

就可以在javascript中访问到

新闻消息:博客园收购了CSDN

这个节点。

 

此外javascript访问节点还有另外一种方法。

var node=document.getElementById('hello');

这种方式同样能够访问到节点

新闻消息:博客园收购了CSDN

 

其实还有方法的,就是用这种的比较少。

var node=document.getElementByTagName('a');

这种方法会在DOM中搜寻所有的<a>标签。在批量操作的时候就很有用了。

标题有点大,但却是在看。。。

转载地址:http://spsox.baihongyu.com/

你可能感兴趣的文章
测试组合索引
查看>>
四、物理优化(2)索引视图
查看>>
【沟通之道】头脑风暴-女人的心思你别猜
查看>>
钱趣多风控新举措:源头选择与物理隔离
查看>>
puppet最新源码包安装学习笔记
查看>>
烂泥:kickstart无人值守安装CentOS6.5
查看>>
Windows Phone 8 开发资源汇总
查看>>
互联网趋势关键词:交流,为价值付费,资源整合
查看>>
阿里钉钉,马云旗下的又一个千亿美金产品?
查看>>
Oracle 11gR2学习之三(创建用户及表空间、修改字符集和Oracle开机启动)
查看>>
熟练掌握Word2003中的突出显示功能
查看>>
编码过程中的问题总结
查看>>
网页与APP中那些优美的登陆表单
查看>>
快速幂取模模板
查看>>
Git:配置
查看>>
神经系统知识普及
查看>>
Spring可扩展Schema标签
查看>>
c++ STL unique , unique_copy函数
查看>>
http://miicaa.yopwork.com/help/overall/
查看>>
浅谈关于特征选择算法与Relief的实现
查看>>