您的位置：首页 > 编程技术 > html  >  初学者的困惑：网页路径问题

初学者的困惑：网页路径问题

 更新时间：2016年9月20日 19:04  点击：1363

新手在制作个人主页的时候常常会犯的错误就是路径的问题，并且还会有文件名或者文件夹名用中文的现象出现，这些我认为都是可以避免的。在这里我就说说自己的一些看法，大家有什么意见就跟贴说明。

首先我要提醒大家，做一个网站的时候大家最好先建立一个站点的文件夹，文件夹中的所有子文件夹或者文件最好不要用中文，因为中文在IE地址栏里是以某种方式形式（具体的是什么方式我就不清楚了，汗……菜的表现啊）。

接下来就说说路径的问题，路径的问题主要分为绝对路径跟相对路径。

绝对路径也就指把你的路径写全了（这样说大家应该可以明白吧），比如你的C盘下面有一个windows文件夹中有notepad.exe这个文件，那么你要写绝对路径也就是c:windowsnotepad.exe。用这个我建议不要用，要用的话也是用在引用他人网站的链接的时候才用。

好处：可以在任何位置使用这个文件

坏处：这个坏处应该是算在网页制作中的。如果这个文件移动了位置，那么将无法正确访问了。

相对路径一般是有[..] [.]以及/等分隔符组成的，就比如你当前所在的位置是C盘，而你想访问C:windowsnotepad.exe这个文件，那么你就可以用windows/notepad.exe这样的路径来访问（当然这些是在DOS时代用的，现在大家都用windows了，很少会用到这样的命令，不过我想大家也应该可以明白的。

说明：

..访问上一级目录中文件

没有任何分隔符而直接使用文件名做链接，比如<a href="index.html">首页</a>。

../../访问多级目录中的文件，../表示一个目录

好处：可以随时访问文件，就算你的整个站点文件夹移动了，还是可以正常访问，不会出现无法访问的错误。

坏处：很容易搞错文件的位置或者目录的位置

提示一下吧：大家做一个网站的时候，最好建立一个站点，那么软件自动会把路径设置成为相对路径，比如dreamweaver或者frontpage都有这个功能的。




    首先声明以下几个方法并不是全部，只是今天我在制作的时候又一次用到了其中的一种方法，所以在此也把自己常用的方法跟大家共享一下。希望对大家有所帮助，当然更欢迎大家提出自己的想法，大家彼此交流一下，共同进步！

    一、利用CSS样式 style="border:1px solid #ff0000"

<table width="200" border="0" cellpadding="0" cellspacing="0" style="border:1px solid #ff0000">
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>



一个站点制作好后，在细节上肯定还有一些值得调节的地方，比如无效链接，Java、Cookie错误等等，所以网站调试是一个不容忽视的环节。只要利用浏览器就可以完成这项工作。

虽然Internet Explorer（简称IE）在浏览器市场中占据着优势性份额，但并不是说它强大到无可挑剔的地步，除了安全隐患问题，在站长进行网站调试时，也暴露出IE的严重不足。其实，很多站长都利用Mozilla这款老牌的Web浏览器来调试自己的网站，它可以快速、高效、即时地找出网页中存在的问题。

为什么Mozilla比IE更适合调试网站

和IE不同的是，Mozilla不但可以用于网页浏览、网页编辑，更为重要的是Mozilla内置了强大的调试工具，能方便、高效地对站点网页进行JavaScript纠错、Cookie管理、源代码查看、DOM 查看和页面信息查询等，这些都是IE不容易做到的。

运用环境：当IE脚本信息太简单时

在网页编写中使用JavaScript是司空见惯的事情了，当JavaScript出现问题时，在IE浏览器中只会弹出一个简单的错误提示对话框，告诉你该网页有错误1），出错提示信息过于简单，而且无法进行管理，满足不了调试网页工作的需要。这种情况下，我们就可以利用Mozilla来解决。

错误，就这样被“揪出”

Mozilla内置了“JavaScript控制台”，只要你在网页调试时打开JavaScript控制台，就可以看到被记录下的JavaScript 错误提示信息，方便大家找出错误所在，起到即时修正网页错误的目的。

如何利用Mozilla内置的“JavaScript控制台”来快速定位问题所在？其实非常简单。使用Mozilla 浏览器进行网站调试时，依次点击“工具→Web开发→JavaScript控制台”项目后，弹出“JavaScript控制台”对话框2），在列表框中记录着网页的JavaScript出错信息，并且每项错误信息都详细地记录着出错的文件名、JavaScript错误所在行号，以及错误出现时的上下文，这样一来就很容易找出JavaScript出错位置和错误原因。此外，你还可以右键点击错误项目，在弹出的菜单中选择“复制”项目，将JavaScript出错信息复制到剪贴板中，以便保存到其他文件中。

< 说到这个问题，可能有人就会说，那还不简单，直接用flash的ActionScript中的url方法不就搞定了，那么如果我们的UI人员设计完flash,但flash对应的链结还没有确定或者以后会变更怎么办？我需要的是能够在外部修改flash对应的链结。

　　那直接在flash所在的object元素外部加<a></a>标签来控制不就行了，可能有些人会这么想，思路正确，但是行不通。呵呵，怎么办？百度一下先，呵呵，真是相当佩服某些人的牛脑，真牛，下面是一种解决的方法：

　　首先,我们肯定是要先插入FLASH.因为,Flash默认是最高层.所以, 我经常会遇见Flash把下拉菜单挡住的情况. 把Flash文件放到一个层中,设为最底层,FLASH设为透明.
<div style="z-index:-1"> <!--1.设置FLASH为底层-->
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="200" height="115">
<param name="movie" value="media.swf">
<param name="quality" value="high">
<embed src="http:///htmldata/2005-11-19/media.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="200" height="115"></embed>
<param name="wmode" value="transparent"> <!--2.必须把FLASH设置为透明-->
</object> </div>

　　再接下来,就是在FLASH的层上再加上一层, Flash本身不能直接加入onclick.等事件,所以,只能借助别的东西啦. 就是在FLASH上加个透明层,
<div id="huiLayer" style="cursor: hand; position:absolute; left:10px; top:10px; width:200px; height:115px; z-index:1; visibility: visible;"><a href="http://www.cnlk.com">
<img src="http:///htmldata/2005-11-19/kong.gif" width="200" height="115" border="0"></a></div>
　　论坛上面,给了一些解决方法,就是加个透明的层,但是,如果光有个透明层, 还是不能接受事件的. 更确切地说,是一部分可以,一部分不可以,和FLASH部分重叠的那一部分不行. 为什么不行.说实话,我也不清楚,我是试验得出来的...

　　当我把这个层的背景颜色设为任意一种时,不是透明时,发现.可以接受事件了,在层上加了个
超连接,也可以.. 但是,这还不是我们要的结果.因为,把整个"精美"的FLASH给遮盖了.. 所以,有<img src="http:///htmldata/2005-11-19/kong.gif" width="200" height="115" border="0">

　　我用PhotoShop做了个透明的图片kong.gif 大小都可以,但是必须是透明的!这样才不至于把底下的FLASH给遮盖住了.

　　试验了一下... 成功了... 点击FLASH.其实是击中了FLASH上层的透明图片kong.gif
图片,就可以接受很多事件啦,onclick , onmouseover ,onmosueout ...... 给图片加个<a></a>超连接是再简单不过的事啦.. 这时,以上的问题是不是都解决了,把事件都给kong.gif接受! 单击事件, <div onclick="ok()" id="huiLayer" ...........

　　不管是坐火车，还是飞飞机，过年都得回家，所以方法还是有的，Flash本身还提供了一种方法，相当的好用，就是在Flash内部通过FSCommand调用外部的脚本，个人认为这种方法简单实用，可控能力强，具体用法，就不在这里多说了，你在网上搜FSCommand关键键字就会啊到很多实例，不过还是有一点提示：在提供javascript版本的调用方法时，最好也提供一个vbscript的版本，否则调用可能会不成功。
[!--infotagslink--]

相关文章

  • PHP传值到不同页面的三种常见方式及php和html之间传值问题

    在项目开发中经常见到不同页面之间传值在web工作中，本篇文章给大家列出了三种常见的方式。接触PHP也有几个月了，本文总结一下这段日子中，在编程过程里常用的3种不同页面传值方法，希望可以给大家参考。有什么意见也希望大...2015-11-24

  • js修改input的type属性问题探讨

    js修改input的type属性有些限制。当input元素还未插入文档流之前，是可以修改它的值的，在ie和ff下都没问题。但如果input已经存在于页面，其type属性在ie下就成了只读属性了，不可以修改。...2013-10-19

  • 如何使用php脚本给html中引用的js和css路径打上版本号

    在搜索引擎中搜索关键字.htaccess 缓存，你可以搜索到很多关于设置网站文件缓存的教程，通过设置可以将css、js等不太经常更新的文件缓存在浏览器端，这样访客每次访问你的网站的时候，浏览器就可以从浏览器的缓存中获取css、...2015-11-24

  • Mysql常见问题集锦

    1，utf8_bin跟utf8_general_ci的区别 ci是 case insensitive, 即 "大小写不敏感", a 和 A 会在字符判断中会被当做一样的; bin 是二进制, a 和 A 会别区别对待. 例如你运行: SELECT * FROM table WHERE txt = 'a'...2013-10-04

  • linux中PHP dirname(__FILE__)路径问题解决

    在php 中dirname() 函数返回路径中的目录部分，__FILE__而当前运行文件的完整路径和文件名。如果用在被包含文件中，则返回被包含的文件名。这是一个魔法变量（预定义常量），在...2016-11-25

  • C#路径,文件,目录及IO常见操作汇总

    这篇文章主要介绍了C#路径,文件,目录及IO常见操作,较为详细的分析并汇总了C#关于路径,文件,目录及IO常见操作,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25

  • Mysql大小写敏感的问题

    一、1 CREATE TABLE NAME(name VARCHAR(10)); 对这个表，缺省情况下，下面两个查询的结果是一样的：复制代码 代码如下: SELECT * FROM TABLE NAME WHERE name='clip'; SELECT * FROM TABLE NAME WH...2015-03-15

  • php根据用户语言跳转相应网页

    当来访者浏览器语言是中文就进入中文版面，国外的用户默认浏览器不是中文的就跳转英文页面。 <&#63;php $lan = substr(&#8194;$HTTP_ACCEPT_LANGUAGE,0,5); if ($lan == "zh-cn") print("<meta http-equiv='refresh' c...2015-11-08

  • linux mint 下mysql中文支持问题

    一.mysql默认不支持中文,它的server和db默认是latin1编码.所以我们要将其改变为utf-8编码,因为utf-8包含了地球上大部分语言的二进制编码 1.关闭mysql服务 sudo /etc/init.d/mysql stop 2.修改mysql配置文件 mysql配...2015-10-21

  • 腾讯视频怎么放到自己的网页上?

    腾讯视频怎么放到自己的网页上?这个问题是一个基本的问题，要把腾讯视频放到自己的网页有许多的办法，当然一般情况就是直接使用它们的网页代码了，如果你要下载资源再放到...2016-09-20

  • 使用C#获取系统特殊文件夹路径的解决方法

    本篇文章是对使用C#获取系统特殊文件夹路径的解决方法进行了详细的分析介绍，需要的朋友参考下...2020-06-25

  • 基于JavaScript实现网页倒计时自动跳转代码

    这篇文章主要介绍了基于JavaScript实现网页倒计时自动跳转代码 的相关资料,需要的朋友可以参考下...2015-12-29

  • 网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别

    我们现在使用的软件都会自动在前面加一个申明了，那么在网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别是什么呢？下面我们就一起来看看吧． 单...2016-09-20

  • Java实现将图片上传到webapp路径下 路径获取方式

    这篇文章主要介绍了Java实现将图片上传到webapp路径下 路径获取方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教...2021-11-12

  • C#使用浏览按钮获得文件路径和文件夹路径的方法

    这篇文章主要介绍了C#使用浏览按钮获得文件路径和文件夹路径的方法,结合实例形式分析了C#浏览器事件响应及文件操作相关技巧,需要的朋友可以参考下...2020-06-25

  • C#使用队列(Queue)解决简单的并发问题

    这篇文章主要介绍了使用队列(Queue)解决简单的并发问题，讲解的很细致，喜欢的朋友们可以了解一下...2020-06-25

  • 如何改变R语言默认存储包的路径

    这篇文章主要介绍了改变R语言默认存储包的路径操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2021-05-06

  • IOS获取各种文件目录路径的方法

    ios获取文件路径的方法，iphone沙箱模型的四个文件夹，通过documents，tmp，app，Library得到模拟器路径的简单方式，下面小编整理相关资料，把IOS获取各种文件目录路径的方式总结如下，需要的朋友可以参考下...2020-06-30

  • c# 获得当前绝对路径的方法(超简单)

    下面小编就为大家分享一篇c# 获得当前绝对路径的方法(超简单)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-06-25

  • node自定义安装更改npm全局模块默认安装路径的步骤

    有段时间没用npm了，新建个项目，需要改变npm全局包默认安装的路径，本文就来介绍一下node自定义安装更改npm全局模块默认安装路径的步骤，感兴趣的可以了解下...2021-09-14