正文
[web] 修改谷歌的 Logo
- 日期:2011-03-19
- 点击:
这次我们要做的就是打开谷歌首页,并且将其 logo 替换为百度的 logo。
首先我们做一下准备工作:
- import win.ui;
- /*DSG{{*/
- var winform = win.form(parent=...; scroll=1;text="AAuto Form";right=349;bottom=249 )
- winform.add( )
- /*}}*/
- import web.form;
- //创建web窗体
- var wb = web.form( winform );
- wb.go("http://www.google.com.hk/");
- winform.show();
- win.loopMessage();
- return winform,wb;
好的,现在我们运行我们程序的时候就会自动打开谷歌首页了。接着我们需要在 wb.go() 后加一行 wb.wait() 来确保加载完毕。
- wb.wait();
加载完毕之后,我们就要进行图片的替换了。怎么替换呢?
我们先要找到这个节点,具体查找节点的方式,可以看一下这篇文章:取得指定网页节点的方法归纳。这里我使用 Firebug 的审查元素功能,发现这个 Logo 有一个 ID,那就十分好办了:

我们知道,img 节点的 src 属性决定着浏览器应该显示什么图片,而 width 和 height 属性则控制着宽高。我们使用如下代码获取这个节点并且修改它的图片:
- var imgLogo = wb.getEle("logo");
- if (imgLogo) {
- imgLogo.src = "http://www.baidu.com/img/baidu_sylogo1.gif"; // 修改图片路径
- imgLogo.width = 270;
- imgLogo.height = 129;
- }
下图就是运行后的效果:
