
html
Joris要为所欲为
Web前端
展开
-
HTML打印“无穷符号”
//html<body> <div id="div"></div></body>//javascript<script> var div = document.getElementById("div"); div.innerHTML = "&infin;"</scr原创 2018-11-29 14:55:47 · 2169 阅读 · 0 评论 -
Vue学习——v-text, v-cloak, v-html
1.v-cloakv-cloak用于隐藏页面还未加载完毕时的插值表达式。2.v-textv-text用于解决插值表达式的闪烁问题,但标签内部的innerHTML会被v-text内的值替换&lt;h4 v-text="msg"&gt;=======&lt;/h4&gt;页面中h4标签中的=====并没有被显示,而是被msg替换3.v-htmlv-html用于给标签绑定html脚...原创 2019-01-21 23:15:37 · 115 阅读 · 0 评论 -
code标签和pre标签的区别
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> let a = 1;<原创 2019-01-19 16:08:59 · 1877 阅读 · 0 评论 -
abbr标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <abbr title=原创 2019-01-19 15:59:58 · 407 阅读 · 0 评论 -
用div与button标签作为按钮的一些区别
如果button在form表单内部,则可以不用JS绑定onclick属性就可以提交表单内容;而如果不在form表单内部,又不考虑语义化,那么作为按钮,用div和button来写按钮似乎就没什么太多的区别,只存在一些外观上的细微区别。button标签的外观如下:下面分别对button和div进行同样的css修饰:<!DOCTYPE html><html lang="en...原创 2019-01-19 15:55:11 · 11690 阅读 · 3 评论 -
H5中input的required属性的两种写法
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt;原创 2019-01-17 21:56:54 · 1881 阅读 · 0 评论 -
H5的list特性和datalist元素
Html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <datali原创 2019-01-17 21:45:58 · 1727 阅读 · 0 评论 -
H5中新表单元素(email, url, number, color, date等)在chrome和firefox中支持情况
Html脚本如下:&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;quot;UTF-8&原创 2019-01-17 21:23:54 · 582 阅读 · 0 评论 -
css repeating-linear-gradient实现条纹进度条效果
html :<!DOCTYPE html><html><head> <title>模拟进度条条纹样式</title> <link rel="stylesheet" href="style_stripe.css"></head><body原创 2018-12-26 23:10:05 · 2319 阅读 · 0 评论 -
css linear-gradient 实现条纹样式
参考:《CSS SECRETS》Chapiter 2-5作者:Lea Verou测试所用浏览器:Chromehtml :&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&a原创 2018-12-26 18:11:49 · 629 阅读 · 0 评论 -
弗洛伊德(Floyd)算法——javascript的实现
//html //html //javascript var floyd = function(){ console.time(&amp;amp;quot;floyd&amp;amp;quot;); for(k=1;k&amp;amp;amp;lt;=9;k++){ for(i=1;i&amp;amp;amp;lt;=9;i++){ for(j=1;j&am原创 2018-11-29 15:14:18 · 708 阅读 · 0 评论 -
Vue学习——v-bind
v-bind可以用v-bind:+属性或直接使用:绑定标签的属性<div id="bind_test"> <input type="button" :title="myTitle + '而且可以当做表达式'" value="按钮"> </div>var bind_test = new Vue({ el: "#bind_te原创 2019-01-21 23:24:53 · 160 阅读 · 0 评论