js 页面技巧

谁践踏了优雅 2021-11-10 11:44 232阅读 0赞

需要获取页面上固定的某个按钮的属性值。我们需要在页面加载完的第一刻将值存储到定义的变量，防止用户更改页面样式读不出当前元素。如果页面刷新会重置当前属性

<body>
        <input value="123" />
    </body>
    <script>
        var input = document.getElementsByTagName('input')[0].value;
        alert(input);</script>

虽然点击该链接的时候不会跳转页面.但是滚动条会往上滚,解决的办法是返回一个false，同时页面链接地址也不会被添加上#

<a href="#" onclick="方法;return false;">提交</a>
    <a href="javascript:void(0)" onclick="方法">提交</a>

横向滚动的导航栏 地址：[https://github.com/Uyd/WebSiteLarn/tree/master/04HtmlProject][https_github.com_Uyd_WebSiteLarn_tree_master_04HtmlProject]

![1633609-20190712235254002-858959466.png][]

/*主要结构*/
            #warp .box {
         
                margin:50px auto;
                width: 300px;
                background: lightblue;
                overflow: hidden;
                overflow-x: scroll;
            }
    
            #warp .box ul {
         
                line-height:30px;
                width: 1000%;
                margin:0;
                padding:0;
            }

转载于:https://www.cnblogs.com/Uyde/p/11087273.html

[https_github.com_Uyd_WebSiteLarn_tree_master_04HtmlProject]: https://github.com/Uyd/WebSiteLarn/tree/master/04HtmlProject/3%E6%A8%AA%E5%90%91%E6%BB%9A%E5%8A%A8%E5%AF%BC%E8%88%AA%E6%A0%8F
[1633609-20190712235254002-858959466.png]: /images/20211109/c1c2431a71fd476caf1ba619b1a2fd77.png

发表评论取消回复

表情：

评论列表（有 0 条评论，232人围观）

还没有评论，来说两句吧...

相关阅读

相关前端页面调试技巧

java的，后端都，无法避免，和前端交互，需要掌握一些前端页面知识。这篇短文，主要是给自己做下笔记，转载的人家写的博客连接，前端页面调试技巧，有兴趣的同学可...

亦凉/ 2024年04月18日 16:27/ 0 赞/ 70 阅读

相关 JS高级技巧

https://fed.renren.com/2017/09/03/js-profesional-skill/?utm\_source=tuicool&utm\_medium=

拼搏现实的明天。/ 2022年06月05日 07:09/ 0 赞/ 254 阅读

相关 js小技巧

原博地址:https://www.cnblogs.com/aliang1992/p/6279291.html https://www.cnblogs.com/happines

心已赠人/ 2022年05月20日 05:13/ 0 赞/ 180 阅读

相关 js高级技巧

js高级技巧安全的类型检测 let data = [1,2,3,4] console.log(data instanceof Array) 但是

骑猪看日落/ 2022年05月18日 05:22/ 0 赞/ 224 阅读

相关 js调试技巧

1、谷歌debug调试快捷键F12 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly

r囧r小猫/ 2022年04月23日 11:02/ 0 赞/ 297 阅读

相关前端页面优化技巧

1、首先说说浏览器的加载流程： > (1) 用户在地址栏中打开一个URL，浏览器首先会寻找该URL所在服务器，通过DNS服务器查询浏览器会获 > > 得该URL所在网站的I

绝地灬酷狼/ 2022年04月17日 02:46/ 0 赞/ 231 阅读

相关 JS 优化技巧

向数组中插入元素向一个数组中插入元素是平时很常见的一件事情。你可以使用push在数组尾部插入元素,可以用unshift在数组头部插入元素,也可以用splice在数组中间

末蓝、/ 2022年01月18日 23:19/ 0 赞/ 324 阅读

相关页面脚本（js、css等）调试技巧介绍

许多浏览器都支持页面源码的查看、调试功能，使用chrom浏览器自带的调试器简洁、方便、功能强大。原理大致是调试器帮助我们将页面的元素解析，我们选中页面元素，

逃离我推掉我的手/ 2022年01月11日 17:07/ 0 赞/ 246 阅读

相关 js代码技巧

1.js 中不常用的处理方法 //取整 parseInt(a,10); //Before Math.floor(a); //Before

曾经终败给现在/ 2021年12月21日 09:55/ 0 赞/ 288 阅读

相关 js 页面技巧

需要获取页面上固定的某个按钮的属性值。我们需要在页面加载完的第一刻将值存储到定义的变量，防止用户更改页面样式读不出当前元素。如果页面刷新会重置当前属性 <bo

谁践踏了优雅/ 2021年11月10日 11:44/ 0 赞/ 233 阅读