仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 812|回复: 8
打印 上一主题 下一主题

[HTML5] 来谈谈:HTML网页中的URL暗示体例

[复制链接]
海妖 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:20:38 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
有些差异相对轻微,有充分的理由将这两种HTML5规范草案合并为一,让浏览器制造商与网络开发者不必面对不兼容的窘境。网页制造poluoluo文章简介:在HTML中猎取准确的URL属性值.
在HTML中,罕见的URL有多种暗示体例:
绝对URL:
example.php
demo/example.php
./example.php
../../example.php
/example.php
相对URL:
http://dancewithnet.com/example.php
http://dancewithnet.com:80/example.php
https://dancewithnet.com/example.php
同时HTML中有大批的元素属性值为URL,一样平常使用JavaScript猎取这些URL属性值有两种办法:
<ahref="example.php"id="example-a">此时页面相对URL是http://dancewithnet.com/</a>
<script>
varoA=document.getElementById(example-a);
oA.href==http://dancewithnet.com/example.php;
oA.getAttribute(href)==example.php;
</script>
我们但愿经由过程间接会见属性的体例失掉完全相对URL,经由过程getAttribute办法失掉其原始的属性值,实践上这是一个对照幻想的了局,在一切的A级扫瞄器中,能顺遂失掉这个了局的只要Firefox和IE8,其他扫瞄器都或多或少特别情形,详细哪些元素的属性存在甚么样的情形请看演示实例
在年夜部分扫瞄器中存在的成绩是,两种体例都前往的是原始属性值,而实践使用中常常必要的是其相对的URL,《DealingwithunqualifiedHREFvalues》中的办理计划太甚于庞大,这里供应一种绝对复杂的办理计划,假如不思索区分扫瞄器代码会十分复杂:

<formaction="example.php"id="example-form">
此时页面相对URL是http://dancewithnet.com/</form>
<script>
varoForm=document.getElementById(example-form);
//IE6、IE7、Safari、Chrome、Opera
oForm.action==example.php;
oA.getAttribute(action)==example.php;
//猎取相对URL的通用办理计划
getQualifyURL(oForm,action)==http://dancewithnet.com/example.php;
getQualifyURL=function(oEl,sAttr){
varsUrl=oEl[sAttr],
oD,
bDo=false;
//是不是是IE8之前版本
//http://www.thespanner.co.uk/2009/01/29/detecting-browsers-javascript-hacks/
//http://msdn.microsoft.com/en-us/library/7kx09ct1%28VS.80%29.aspx
/*@cc_on
try{
bDo=@_jscript_version<5.8?true:@false;
}catch(e){
bDo=false;
}
@*/
//假如是Safari、Chrome和Opera
if(/a/.__proto__==//||/source/.test((/a/.toString+))
||/^function(/.test([].sort)){
bDo=true;
}
if(bDo){
oD=document.createElement(div);
/*
//DOM操纵失掉的了局不会改动
varoA=document.createElement(a);
oA.href=oEl[sAttr];
oD.appendChild(oA);
*/
oD.innerHTML=[<ahref=",sUrl,"></a>].join();
sUrl=oD.firstChild.href;
}
returnsUrl;
}
</script>
在IE6和IE7这两个史前的扫瞄器身上另有一些更成心思的事变,两种办法在HTML元素A、AREA和IMG猎取的属性值都是相对URL,幸亏微软为getAttribute供应了第二个参数能够办理这个成绩,同时还能够对IFEAM和LINK元素办理后面提到的两种办法都前往原始属性的成绩:
<linkhref="../../example.CSS"id="example-link">
<ahref="example.php"id="example-a">此时页面相对URL是http://dancewithnet.com/</a>
<script>
varoA=document.getElementById(example-a),
oLink=document.getElementById(example-a);
oA.href==http://dancewithnet.com/example.php;
oA.getAttribute(href)==http://dancewithnet.com/example.php;
oA.getAttribute(href,2)==example.php;
oLink.href==example.php;
oLink.getAttribute(href)==example.php;
oLink.getAttribute(href,4)==http://dancewithnet.com/example.php;
</script>
</p>
HTML标准自1999年12月发布的HTML4.01后,后继的HTML5和其它标准被束之高阁,为了推动Web标准化运动的发展.
只想知道 该用户已被删除
沙发
发表于 2015-1-17 22:05:45 | 只看该作者
由CS4版本开始,则转用WebKit排版引擎(亦即GoogleChrome和AppleSafari浏览器所用的排版引擎)作为网页预览。
小女巫 该用户已被删除
板凳
发表于 2015-1-24 23:50:38 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
愤怒的大鸟 该用户已被删除
地板
发表于 2015-2-2 16:51:35 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
金色的骷髅 该用户已被删除
5#
发表于 2015-2-8 03:38:33 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
变相怪杰 该用户已被删除
6#
发表于 2015-2-24 12:47:58 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
若天明 该用户已被删除
7#
发表于 2015-3-7 12:39:18 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
小魔女 该用户已被删除
8#
发表于 2015-3-15 07:08:56 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
飘灵儿 该用户已被删除
9#
发表于 2015-3-21 23:22:34 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-29 21:56

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表