基本不会js,求一小段js代码的解释

2011-09-20 22:44:43 +08:00
 keywind
<script type="text/javascript">
function extend_image(url,element){
y=0;
while( element != null ) {
y += element.offsetTop;
element = element.offsetParent;
}
location.href="image:///"+(y - window.pageYOffset)+"///"+url;
}
</script>
3760 次点击
所在节点    问与答
2 条回复
ayanamist
2011-09-20 23:49:52 +08:00
表示看不懂image:///这个东西。楼主是从哪里弄出来的?
太片面了,offsetParent要结合HTML页面结构才知道究竟会指向什么东西。
keywind
2011-09-21 08:34:58 +08:00
抱歉没说明,是iPhone版网易新闻客户端里解出来的。单条新闻模板的html代码整个是这样的。
<html><head><link href='content.css' rel='stylesheet' type='text/css' /></head><body>
<div id="title_section">
{% if title %}
<div id='title'>{{title}}</div>
<div id='subtitle'>{{ptime}}  来源:{{source}}</div>
{% else%}
<div id='title'>此文章不存在</div>
<div id='subtitle'> </div>
{% /if %}

</div>

<div id="body_section" class="{{fontClass}}">
<img class="photo" />
<img class="photo_box" />
<img class="plus" />
{{body}}
</div>

<script type="text/javascript">
function extend_image(url,element){
y=0;
while( element != null ) {
y += element.offsetTop;
element = element.offsetParent;
}
location.href="image:///"+(y - window.pageYOffset)+"///"+url;
}
</script>
</body></html>
这里面类似{{*}}这样的东西最后是被替换掉实际内容的,然后它有个点击新闻图片放大的效果,我感觉就是那个extend_image函数的的作用

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/18402

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX