现在的位置: 首页 > 综合 > 正文

javascript操作dom控件

2012年09月22日 ⁄ 综合 ⁄ 共 1095字 ⁄ 字号 评论关闭

       上回说到了aspnet控件,这里还要提一下的是,所有的aspnet控件在默认的情况下都会产生并且依赖于有一个叫做viewstate的东西,这个东西又好又坏,可以自己根据自己的需要对viewstate做相应的优化,比如直接关闭,或是压缩都是一个不错的选择。

       在web开发中,javascript绝对是客户端的王者语言,它通过js的引擎,可以在浏览器中操作dom控件,那么怎么操作dom控件呢?其实很简单,就几步:

       1.得到你需要操控的dom控件;

       2.对你操作控件的属性赋值;

事情就是这么简单。下面看一下相应的讲解。

       比如,我们现在有一个div,id是div1,我们需要隐藏这个div,那么我们怎么做呢?按照我们上面的思路,先得到,后赋值。程序如下:

var div = document.getElementById("div1");
if(div)
{
      div.style.display = false;
}
务必简单吧?有人说你这个功能太简单,要整就整带事件+ajax的,其实都一样。
下面我们有一个dropdownlist,我们需要在dropdownlist选择事件时执行ajax;代码如下:
<asp:dropdownlist id="ddl" runat="server" onselect="ddl_select()"/>
function ddl_select()
{
      var select = document.getElementById("ddl");
     if(!ddl) return false;
     var value = select.options[select.selectedIndex].value;//这个我们选择的项值
   ajax_function(value);     
}
function ajax_function(id)
{
    //通过id,去服务器段请求
}
这样子是不是很简单?理顺了就是这样,无比简单。
      那么现在就变成了怎么知道dom控件的属性,这个确实是一个烦人的问题。因为dom控件太多,相对的控件属性也很多,不过不要着急,事情总会解决的。
       第一:我们只要记住常用的就行了;
       第二:我们可以g;
       第三:去下载相关的帮助文档,或者msdn上也有,只是英文的,这里推荐一本叫做《DHTML手册(lemon)》的chm文档,可以去下载,上面基本上是中文的多,因为也有,但是比较简单,大家都能看懂,而且还有例子,可是web开发居家良药啊!
      下回要讲什么?好像web的前端对于程序开发人员来说这么多也就够用了?!下回的事情下回再说吧!

抱歉!评论已关闭.