博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
word转HTML在layuiadmin中锚点调转问题
阅读量:7031 次
发布时间:2019-06-28

本文共 628 字,大约阅读时间需要 2 分钟。

前言:

在以前我们讲过把word转成HTML移植入自己的web项目使用:

正文:

发现如果在layuiadmin框架中,页面里锚点跳转时会不正常(会跳转到新页面):

word转的html,我们去查看源代码,发现它进行跳转是使用:

href="#name"

进行跳转的,这#name和layuiadmin框架中页面跳转冲突,所以会自动进行页面跳转

知道了原因,我们就把word转的html相关文件(包括文件夹和HTML)放在layuiadmin框架外,

我这里是放在与之平级的地方,同在webapp下:

在框架内使用时,在对应页面使用iframe来进行引入,这就避免了layuiadmin与锚点跳转冲突问题:

在layuiadmin框架内进行页面锚点跳转也就可以了。

后话:

当然,这是因为word转的html默认使用href="#name" 这种a标签的原因,所有这样使用;

如果是在自己写的页面中使用锚点(这里说的是使用layuiadmin框架的项目),这里推荐使用:

document.querySelector("#test").onclick = function(){        document.querySelector("#testshow").scrollIntoView(true);  }

这样url是不会改变,使用起来也比较简单

 

转载于:https://www.cnblogs.com/zktww/p/10755111.html

你可能感兴趣的文章
Python基础系列:初识python引用计数与弱引用
查看>>
javascript继承方法以及优缺点
查看>>
tab 切换下划线跟随实现
查看>>
20+个很棒的Android开源项目
查看>>
跨域、vue双向绑定相关面试题
查看>>
Web Components(一)入门
查看>>
mpvue打包没有app.json等配置文件的解决方法
查看>>
树莓派配置swoole环境
查看>>
JavaScript 工作原理之十二-网络层探秘及如何提高其性能和安全性
查看>>
搭建基于react项目的心得
查看>>
react-native踩坑记录
查看>>
HTTP API 设计入坑指南(一)
查看>>
OkHttp源码分析
查看>>
【挖坑系列】跨域问题相关
查看>>
使用cronolog切割nginx访问日志,定时清理旧日志
查看>>
PHP最常用函数TOP100(翻译)
查看>>
大数据科学新发展展望:不得不知的四大趋势
查看>>
python多线程、锁、event事件机制的简单使用
查看>>
ES6系列之解构赋值
查看>>
goLang 文件操作之二
查看>>