标签 html 下的文章

Html多个引号重叠使用冲突解决办法

今天写个按钮,传递参数时,遇到个障碍,代码如下<a onclick="insertAtCursor('[btn url=""][/btn]');">按钮</a>url="" 中的引号,会导致解释错误,正常来说遇到引号冲突都是加 / 解决,然而并不适合这种情况。解决方法用html实体字符替换掉冲突引号, " 换成 &quot; 即可如<a onclick="insertAtCursor('[btn url=&quot;&quot;][/btn]');">按钮</a>如果是但引号冲突, ' 换成 &apos; 即可,ie 好像不支持建议使用数字形式的如 &#39;。什么是html实体字符?实体字符是 html 预留的一些字符,因为在 html 语法中有些你想输出符合会被浏览器判定为标签进行渲染,所以为了避免这种情况,就有了实体标签。比如有的时候你在 html 中使用了很多空格,但是html渲染出来就只有一个有效空格,这时候就可以用空格的实体字符 &nbsp; 解决,还有个实际用途,比如在 markdown 编辑器下,两个空格可能会被识别成markdown语法,那么你想段前空两格就可以放两个 &nbsp;&nbsp;引用实体字符,可以引用实体字符的字符名字,如 &apos; ,也可以引用实体编号如 &#39; ,实体编号各个浏览器兼容比较好,但是不利于记忆。更多实体字符可以参考w3c https://www.w3school.com.cn/tags/html_ref_entities.ht...

阅读文章
简单仿腾讯TIM界面

昨天下午,突然想用css写出个腾讯TIM的界面,于是开始搞,只写了个单页,没有javascript。预览地址:https://qqdie.com/areyouok/tim/为了保证美观度我限制了屏幕尺寸宽度低于800px或者高于1920px不会显示,大屏幕的需要调小窗口才能看哈。断断续续的撸了五个小时才撸出来的,并没有严格按照tim的比例来仿,只是单纯用肉眼来仿。一些小细节的地方我真的暂时做不出来。以上一个来自渣渣的作品,后续可能完善也可能弃坑,因为发现并无卵...

阅读文章
javascript函数

前言继《初探 javascript》之后的,进一步学习的成果,有成果则记录之,水文也。内容函数的基本格式//定义一个函数 function 函数名字(这里是参数根据需要写与不写){ 执行的语句 } //运行一个函数 函数名字(里是参数根据需要写与不写);**举个没有参数的函数的例子:** function abc(){ alert('你好'); } abc(); //这个函数的结果就是弹出个提示框,上面显示着“你好”。**举1个带参数的函数的例子:** function abc(num){ alert(num); } abc(12); //这个函数的结果就是弹出个提示框,上面显示着“12”。运行abc();时abc的括号中带的什么就弹出什么。**举2个带参数的函数的例子:** function abc(a,b){ alert(a+b); } abc(1,2); //这个函数的结果就是弹出个提示框,上面显示着“3”。匿名函数,就是没有名字的函数 一个事件=function(){ 执行的语句 } //触发这个事件,就执行这个函数内的语句。暂时性成果YoduBGM背景音乐插件0.5.0版采用了匿名函数的写...

阅读文章
初探javascript

前言看了前一阵自己写的《javascript 常用代码记录》觉得自己当时真心傻X,但是也懒得改了,还不如重新写个文章来的爽快,于是写了下最近学到的小知识。内容//获取id为test的元素 document.getElementById('test'); //为id为test的元素加行间样式【html中怎么写js中就怎么写】 document.getElementById('test').style.display = 'none'; //为id为test的元素加class对应css中的.box【注意className大小写】 document.getElementById('test').className = 'box';//获取class为test的元素数组【注意是Elements不要少写s】 document.getElementsByClassName('test'); //为其数组第一位加行间样式 document.getElementsByClassName('test')[0].style.display = 'none';//获取class为p的元素数组 document.getElementsByTagName('p'); //其他的写法和id,class的一样//以下代码以id为例,class和tag写法相同 //将获取的id为test的元素付给变量x,然后加行间样式和class var x=document.getElementById('test'); //为id为test的元素加行间样式【html中怎么写js中就怎么写】 x.style.display = 'none'; //为id为test的元素加class对应css中的.box【注意className大小写】 x.className = 'box';//获取id"test"下的class为abc数组,并将数组付给变量x,标签同理 var x=document.getElementById('test'); var a=x.document.getElementsByClassName('abc'); //弹出数组长度 alert(a.length);//if语句 if(条件){ 符合条件执行的语句 } else{ 不符合条件执行的语句 }//while循环语句 定义一个变量 whlie(条件){ 符合条件就循环执行这里的语句 改变变量 } 文字有些苍白无力,其实和c语言一样//for循环语句 for(变量;条件;改变变量){ 符合条件就循环执行这里的语句 } 文字有些苍白无力,其实和c语言一样暂时性的成果YoduBGM背景音乐插件0.4.0版去除了对于jQuery的...

阅读文章
左雷姆右拉姆至顶至底源码

Demo下载地址:http://pan.baidu.com/s/1hs8uktu由于这是个很简单的东西,我就不列出代码挨个讲解了,大家直接下载Demo吧,里面新增了新手教程.txt哦。效果:本站左下角的雷姆点击后会达到博客底部,右下角的拉姆点击后会到达博客顶部。鼠标移到图片上时,图标会有个动态的效果。强行科普:雷姆: 雷姆是用来描述辐射强度的物理学单位。是一种剂量当量的单位。用于表征人体(或其他生物体)所受到的辐射强度。值得注意的是,雷姆目前已被国际单位 希沃特(Sv)所取代。1rem=0.01Sv。后被轻小说作家长月达平引用,强行拟妹子化,出现在《Re:从零开始的异世界生活》中,身高大概150厘米左右,大大的眼睛和桃红色嘴唇,轮廓不太分明的面容显得可爱。发型是齐颈短发,然而头发分界线却有所不同,前留海盖住她的右眼(姐姐是左眼)。一身以黑色为基调的围裙,头上是白色帽饰,除发色和瞳色外和姐姐长得几乎一样。拉姆: “拉姆”导弹系统,拉姆(RAM)舰空导弹是由美国和德国联合研发的项目,它是一种可以不依靠外部信息系统的独立的反导系统。1989年,拉姆导弹开始进入生产,2000年1月,拉姆导弹进入全速生产阶段。RIM-116是一种间接应用“响尾蛇”导弹系统技术的导弹系统,它采用了“响尾蛇”导弹的战斗部和火箭发动机以超级“响尾蛇”的导引头。“斯拉姆拉姆”防空导弹系统于1996年8月在埃格林空军基地成功进行首次发射试验后,美国陆军航空与导弹司令部制造了第二部样机。后被轻小说作家长月达平引用,强行拟妹子化,《Re:从零开始的异世界生活》中,为人冷静,一直受妹妹雷姆崇拜,并且相当重视妹妹的存在。擅长削马铃薯,工作上经常偷懒,大多为妹妹和新来的昴负责。拉姆和雷姆的关系:双胞胎最后: 祝大家中秋快乐,心想事成,万事如意!...

阅读文章
javascript常用代码记录

不想被误人子弟的话,请不要看下文,直接移到http://qqdie.com/archives/study-javascript-1.html观摩正则替换网页中的文字等<script> var s= document.body.innerHTML; s=s.replace('待替换内容(支持正则)','目标内容'); document.body.innerHTML=s; </script>为目标标签添加class$('#目标id').each(function(){ $(this).addClass('目标class') })对设置和移除所有<p>元素的 "main" 类进行切换:$("button").click(function(){ $("p").toggleClass("main"); });为目标添加styledocument.getElementById('test').style.display = 'none'; document.getElementsByClassName('test').style.display = 'none'; document.getElementByTagName('p').style.display = 'none';修改目标标签的某个属性添加参数,如下面两个 $('#目标id').prop('class', '目标class'); $("#目标id").attr("target","_blank");为目标标签点击触发事件$("#目标id").click(function(){ 事件 }建站时间计时function show_date_time(){window.setTimeout("show_date_time()",1e3);var BirthDay=new Date("6/6/2015 18:18:00"),today=new Date,timeold=today.getTime()-BirthDay.getTime(),msPerDay=864e5,e_daysold=timeold/msPerDay,daysold=Math.floor(e_daysold),e_hrsold=24*(e_daysold-daysold),hrsold=Math.floor(e_hrsold),e_minsold=60*(e_hrsold-hrsold),minsold=Math.floor(60*(e_hrsold-hrsold)),seconds=Math.floor(60*(e_minsold-minsold));span_dt_dt.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒"} show_date_time();替换目标标签的内容,需要加载jq $(document).ready(function(){ $('.tags span').replaceWith('目标内容'); }); 当浏览器的窗口大小被改变时触发的事件window.onresize事件指定代码:window.onresize = function(){ 事件...

阅读文章
1/1