随笔分类 -  html/css/js

摘要:超级有用。 function stringToEntity(str,radix){ let arr=str.split('') radix=radix||0 let tmp=arr.map(item=> `&#${(radix?'x'+item.charCodeAt(0).toString(16): 阅读全文 »
posted @ 2020-06-10 09:02 komomon 阅读(3078) 评论(0) 推荐(1) 编辑
摘要:一 什么是伪协议 伪协议不同于因特网上所真实存在的协议,如http://,https://,ftp://, 而是为关联应用程序而使用的.如:tencent://(关联QQ),data:(用base64编码来在浏览器端输出二进制文件),还有就是javascript: 我们可以在浏览地址栏里输入"jav 阅读全文 »
posted @ 2020-04-16 10:51 komomon 阅读(2315) 评论(0) 推荐(1) 编辑
摘要:js中常见的错误,例如Uncaught TypeError: x is not a function 其原因除了函数本身有错之外,还有一种很奇怪的情况:函数本身没有错,但是运行时就是不能正常运行。这种情况与javascript的特性有关:变量与函数声明前置的优先级。 总结: js有声明前置,函数和变 阅读全文 »
posted @ 2020-02-27 21:41 komomon 阅读(19454) 评论(0) 推荐(0) 编辑
摘要:这段代码在<form>中有οnsubmit="return on_submit()",如果 onsubmit ()返回 fasle,表单的元素就不会提交,即action="regist.php"不会执行,如果该函数返回其他值或什么都没有返回,则表单会被提交,即执行action="regist.jsp 阅读全文 »
posted @ 2020-02-27 18:44 komomon 阅读(5259) 评论(0) 推荐(1) 编辑
摘要:有时我们看见js函数后面跟着多个小括号是怎么回事?f( )( )( )... f()意思是执行f函数,返回子函数 f()()执行子函数,返回孙函数 f()()()执行孙函数 ()()表示定义并执行,使用时不用再单独调用执行了 但注意,如果想这样执行,函数结构必须是这样,f的函数体里要return 子 阅读全文 »
posted @ 2020-02-27 15:19 komomon 阅读(3705) 评论(0) 推荐(1) 编辑
摘要:javascript 点击事件执行两次js问题 在JQuery中存在unbind()方法,先解绑再添加点击事件,解决方案为: $(".m-layout-setting").unbind('click').click(function(){ //此处填写逻辑代码 }) 因为利用js在页面加载后添加需要 阅读全文 »
posted @ 2020-02-26 23:34 komomon 阅读(4385) 评论(0) 推荐(0) 编辑
摘要:JS获取标签内容的方法 测试代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="box"> <p>这有个 第一个p</p> ​ < 阅读全文 »
posted @ 2020-02-25 22:35 komomon 阅读(44028) 评论(3) 推荐(1) 编辑
摘要:JS 获取标签的方法 通过class: document.getElementsByClassName('class名');返回数组通过name: document.getElementsByName('name名');返回数组 通过id: document.getElementById('id名' 阅读全文 »
posted @ 2020-02-25 18:50 komomon 阅读(24532) 评论(0) 推荐(3) 编辑
摘要:overflow 属性规定当内容溢出元素框时发生的事情 值描述 visible 默认值。内容不会被修剪,会呈现在元素框之外。 hidden 内容会被修剪,并且其余内容是不可见的。 scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被修剪,则浏览器会显示滚动条以 阅读全文 »
posted @ 2020-02-25 17:53 komomon 阅读(489) 评论(0) 推荐(0) 编辑
摘要:block 块级元素特点: 1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(很霸道,一个块级元素独占一行) 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。 inline 内联元素特点: 阅读全文 »
posted @ 2020-02-24 23:30 komomon 阅读(961) 评论(0) 推荐(0) 编辑
摘要:水平居中很容易实现,但是一般垂直居中好像不是很好实现,一般我们都会用position、left等等进行定位;但是flex很好的解决了这个问题 Flex就是"弹性布局",现在应用很多,比如小程序推荐布局方式就是弹性布局; 被设置了flex的元素就是容器,该元素下的所有子元素都是该容器的项目 容器默认存 阅读全文 »
posted @ 2020-02-23 21:49 komomon 阅读(1611) 评论(0) 推荐(0) 编辑
摘要:​总结:display:none 属性会使元素完全隐藏,js无法获得元素,通过js设置style.display="inline-block" 后 js才可获得此元素的属性和内容。通过js将style.display设为空不管用。 首先,如果在样式文件或页面文件代码中直接用display:none对 阅读全文 »
posted @ 2020-02-22 11:10 komomon 阅读(2234) 评论(0) 推荐(1) 编辑
摘要:1、opacity:0 2、visibility:hidden 3、diaplay:none 4、position:absolute display display属性依照词义真正隐藏元素。将display属性设为none确保元素不可见并且连盒模型也不生成。使用这个属性,被隐藏的元素不占据任何空间。 阅读全文 »
posted @ 2020-02-22 11:02 komomon 阅读(5811) 评论(0) 推荐(2) 编辑
摘要:rel是relationship的英文缩写,它描述了当前页面与href所指定文档的关系;stylesheet就是样式表的意思;CSS是 Cascading Style Sheet(级联样式表)的缩写 意思是: 在<link>标签中,“rel=stylesheet”,rel是关联的意思,关联的是一个样 阅读全文 »
posted @ 2020-02-22 00:12 komomon 阅读(12298) 评论(0) 推荐(1) 编辑
摘要:第一种: <body> <div id="page1"></div> <div id="page2"></div> <script> $("#page1").load("page/Page_1.html"); $("#page2").load("page/Page_2.html"); </scrip 阅读全文 »
posted @ 2020-02-20 22:48 komomon 阅读(20783) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示