js获取当前页面地址并写入到当前页面指定的位置

技术论点 Loading... 阅读 1

我原本的打算是用php获取当前页面的地址,但是一想,js更简单,因为我在做的程序就是主打轻量化,所以用js更好一点。

用php能在页面查看源码的时候就已经解析出实际的内容了,搜索引擎也能理解这内容是什么,但是用JS写,在搜索引擎眼里就是一个未知的英文字符串,所以还是需要修改一下才能用。

比如说我调用文章标题的时候,需要先由php加载实际的内容,之后再由客户端加载JS完成页面渲染。

先添加一个id,方便后面JS找到内容:

<div class="detail-title" id="bendi">{$item.title}</div>

之后在页面底部添加主要的JS代码

{block name="js"}
<script>
    var currUrl = decodeURIComponent(location.href.split('#')[0]);
    document.getElementById("bendi").innerHTML = '<a href="'+currUrl+'">{$item.title}</a>';
    document.getElementById("benwendizhi2").innerHTML = currUrl;
</script>
{/block}

实际的效果呢?也还行。。。

js获取当前页面地址并写入到当前页面指定的位置

查看页面源代码发现是返回JS,让浏览器处理了。

js获取当前页面地址并写入到当前页面指定的位置

页面效果还行,所以算是可用了。

Tags:

版权声明:若无特殊注明,本文皆为《长行客》原创,转载务必保留文章来源。

本文链接:js获取当前页面地址并写入到当前页面指定的位置 & https://www.mxooo.cn/1214/

推荐阅读
发表评论 取消回复
表情 图片 链接 代码

  1. 速卖通补单

    感谢感谢!很有用的信息

分享