您当前的位置: 首页 > 教程 > web >
正文

[web] 修改谷歌的 Logo

日期:2011-03-19
点击:

这次我们要做的就是打开谷歌首页,并且将其 logo 替换为百度的 logo。

首先我们做一下准备工作:

  1. import win.ui; 
  2. /*DSG{{*/ 
  3. var winform = win.form(parent=...; scroll=1;text="AAuto Form";right=349;bottom=249 ) 
  4. winform.add(  ) 
  5. /*}}*/ 
  6.  
  7. import web.form; 
  8.  
  9. //创建web窗体 
  10. var wb = web.form( winform ); 
  11. wb.go("http://www.google.com.hk/"); 
  12.  
  13. winform.show(); 
  14. win.loopMessage(); 
  15. return winform,wb; 

好的,现在我们运行我们程序的时候就会自动打开谷歌首页了。接着我们需要在 wb.go() 后加一行 wb.wait() 来确保加载完毕。

  1. wb.wait(); 

加载完毕之后,我们就要进行图片的替换了。怎么替换呢?

我们先要找到这个节点,具体查找节点的方式,可以看一下这篇文章:取得指定网页节点的方法归纳。这里我使用 Firebug 的审查元素功能,发现这个 Logo 有一个 ID,那就十分好办了:

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

下图就是运行后的效果:

谷歌