BlogJava-Java JavaScript Web2.0-随笔分类-JavaScript

关于使用JavaScript解析XML的问题

Jack L — Sun, 30 Sep 2007 19:15:00 GMT

大家好，最近我在学习用JavaScript解析XML。但是有点郁闷。
1）
首先我有一个疑惑，网上都在讲如何从一个url载入一个xml文档，然后变成一个xmlDocument，但是能不能把一个字符串转化成一个xmlDocument呢？该如何操作呢？
2）
然后就是从网络载入xmlDocument的话，文件名的后缀一定要是xml才行。我在FireFox里面试过，把文件名的后缀xml去掉，程序就傻了。不光是用load方法如此，用XMLHttpRequest去获取文件也是如此。如果我使用动态服务端技术的话，比如JSP/PHP，服务端的url显然不会是“.xml”结尾，那么我又该怎样处理，才能使从服务端传回来的XML格式的数据在浏览器里变成xmlDocument对象呢？

Jack L 2007-10-01 03:15 发表评论

JavaScript中容易犯的大小写问题

Jack L — Mon, 17 Sep 2007 15:35:00 GMT

JavaScript是区分大小写的语言，而HTML则不区分。
在HTML可以用大写或小写甚至是大小写夹杂表达的地方，在JavaScript中却要多加留意。
比如onclick事件，在JavaScript中一定要全部用小写
看代码：

1 <html>
2 <head>
3     <title>JSTesttitle>
4 head>
5 <body>
6     <input type="button" id="btn1" value="btn1" ONClick="alert('hello, this is btn1');">input>
7     <input type="button" id="btn2" value="btn2">input>
8     <script type="text/javascript" charset="utf-8">
9         var ele=document.getElementById("btn2");
10         ele.onclick=function(){alert('hello, this is btn2');}
11     script>
12 body>
13 html>

很明显，第6行，在HTML中引用onclick与第10行在JavaScript中引用onclick事件是不同的。
你可以把第6行"onclick"中的任何一个或若干字母写成大写或小写都没有关系，但是第10行中的onclick必须全部是小写。

Jack L 2007-09-17 23:35 发表评论

GWT1.4中，PopupPanel的显示与布局

Jack L — Wed, 29 Aug 2007 09:51:00 GMT

        在老版GWT中，PopupPanel有两个构造函数：
            public PopupPanel()；
            public PopupPanel(boolean autoHide)；
        实例化我们的PopupPanel之后，可以设置显示的位置，然后调用show()显示。但是这样只能得到一个模态（modal）Panel，只要它处于可见（isVisible()返回true）状态，我们的页面就不能进行任何操作（除了已经运行起来的JS代码，像发送Ajax请求这样的后台操作），相当与整个Web应用因为显示该Panel而进入了暂停状态。
        由于PopupPanel可以根据位置参数出现在页面任何地方，所以很适合于实现诸如页面角落上的提示框（比如在页面右上角显示“loading...”）等类似的小功能。但是这样的提示框不能暂停浏览器的运行，所以应该是一个非模态（non-modal）的Panel。于是我们通过一种方式来绕过没有适当构造函数的限制：
        使用RootPanel.get().add(myPanel);来取代myPanel.show();
        这样就得到了一个非模态的Panel。

        在新的GWT1.4中，PopupPanel有三个构造函数：
            public PopupPanel()；
            public PopupPanel(boolean autoHide)；
            public PopupPanel(boolean autoHide, boolean modal)；
        我们看到，我们可以通过构造函数指定是否需要一个模态Panel。如果我们使用第三个构造函数，而且把第二个参数设置为false的话，当我们对该PopupPanel实例调用show()方法的时候，就会得到一个非模态的Panel。
        但是，如果我们还要用RootPanel.get().add(myPanel)的话，浏览器将忽略我们设置的宽度，和弹出位置等信息，把myPanel添加到页面最下方一个元素的下面，而且其宽度与浏览器客户区的宽度相同。总之，绝不是你想要的结果。

        下面给出一个在页面右上角实现消息提示框的方法。

1 private final PopupPanel infoB=new PopupPanel(false,false);//no auto-hide, non-modal popup
2 public void infoBoard(String info){
3        if(infoB!=null)
4            infoB.hide();
5          Label lb=new Label(info);
6      infoB.setWidget(lb);
7        infoB.show();
8        int width=infoB.getOffsetWidth();
9        infoB.hide();
10         int clientWidth=Window.getClientWidth();
11         infoB.setPopupPosition(clientWidth-width, 0);
12         infoB.show();
13 }

        基本思路是，先设置要显示的消息（info），然后因为是在右上角显示，所以要取得消息框的宽度（width），并取得浏览器客户区的宽度（clientWidth），计算（clientWidth-width）就得到了消息框的x坐标（准确地说是左上角那一点的x坐标）。
        7～9的代码好像很奇怪，但只有这样才能取得消息框的宽度。当PopupPanel处于不可见状态时，调用getOffsetWidth()必将返回0。因为浏览器不知道宽度。原因如下：
        你的PopupPanel可能会被CSS修饰，可能通过百分比设置了宽度，也可能设置了边框等属性，所以无法得知到底占用了多少个像素的宽度。只有处于可见状态时才能得到其宽度。

Jack L 2007-08-29 17:51 发表评论