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

2021-07-15
220次阅读
一条评论

我原本的打算是用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获取当前页面地址并写入到当前页面指定的位置

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

正文结束
居烽
版权声明:本站原创文章,由 居烽 于2021-07-15发表,共计572字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(一条评论)
验证码
2021-07-20 12:12:15 回复

感谢感谢!很有用的信息

 Windows  Firefox  中国广东省深圳市电信