如何查看以XML为后缀的HTML代码——DHTML作业中获得页面元素的小方法

最新推荐文章于 2022-10-28 20:51:49 发布

webwalker

最新推荐文章于 2022-10-28 20:51:49 发布

阅读量2.6k

点赞数

分类专栏： Web 文章标签：作业 xml html dreamweaver flash ie

本文链接：https://blog.csdn.net/webwalker/article/details/1419357

版权

Web 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

如何查看以XML为后缀的HTML代码

——DHTML作业中获得页面元素的小方法J

在本次的DHTML作业要求中，因为要涉及到模仿以下链接的页面，实现该页面上的某些功能（诸如AJAX加载、DHTML动态改变、下拉菜单实现、左部导航的样式……），设计时有一点我觉得最为重要的，就是整个页面的布局与美观，因为这也是网页最重要的一个特点，所以首先需要得到页面的元素（图片、FLASH、甚至是颜色值），在通常的情况下我们都会通过“右键/查看源文件”得到页面的HTML代码，如果页面限制的话，则也可通过IE菜单栏的查看功能来实现（甚至是网页另存为等方法），再者就是通过JS的view-source:http://……的方式来查看页面代码。但是由于该页面是一个XML格式的文件，所以通过上述方法无法得到所需要的元素，而只能看到XML格式的非关键文本。下面我通过其他方法得到这些在设计时需要的元素：

首先打开http://www.benq.com.cn/products/XML/JoybookS61.xml页面，然后“全选/复制”将该页面复制到剪切板（也可直接用WORD或Frontpage、Dreamweaver等工具打开），然后打开WORD，将其粘贴上去。然后通过“文件/另存为网页”的方式将当前内容存为网页，在弹出的对话框中，选择保存类型为“网页”，而不是“单个网页文件”，这样保存后将会在本地生成一个。HTM文件和对应的图片、样式表目录，在该目录下将会保存我们所需要的图片，但是页面上的随onmouseover改变的图片有三个，所以要想抓到这些图片，可以保存两次，或者干脆查看保存后的页面代码，找到事件处理时的Image地址。当然也可以通过“右键/图片另存为”来保存，但是无法保存当鼠标放到某图片一上时显示图片二的第一个图片。