前端常用技巧

最新推荐文章于 2025-09-12 14:39:04 发布

weixin_30437847

最新推荐文章于 2025-09-12 14:39:04 发布

阅读量60

点赞数

CC 4.0 BY-SA版权

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/binghuaZhang/p/10780982.html

让文字在一行上下最好的居中方法：line-height： px

return关键字2个作用：1.结束函数 2.返回一个值给调用者

给容器设定尺寸，不给图片设置尺寸，图片显示可能比容器大

var val = t.value; 获取文本框内容

var pVal = box.innerHTML;

var ary = pVal.split(val); //字符串切割完之后的到的是数组，不包括val的数组

var str=ary.join("<span>"+val+"</span>"); //join,将数组拼接成字符串

box.innerHTML=str; //将字符串写入网页之中

text-align: center; /*只能文档(字)居中,不能让图片居中*/ 可以继承

ins[1].onfocus = function(){

　　spans[1].style.display = "none";

　　spans[1].style.background= green;

}

.red{color: red;}

//给某个元素点击只能切换颜色

$("#box").addClass("red").click(function(){

// $(this).removeClass("red");

$(this).toggleClass("red"); //this指id名为box对应的标签

});

//让网页禁止选择、复制、右键

//相关设置

oncontextmenu='return false'
ondragstart='return false'
onselectstart ='return false'
onselect='document.selection.empty()'
oncopy='document.selection.empty()'
onbeforecopy='return false'
onmouseup='document.selection.empty()'

//让网页禁止复制

//通过JS的方式禁止复制，选择

document.oncontextmenu=new Function("event.returnValue=false");
document.onselectstart=new Function("event.returnValue=false");

//禁止页面打印(其实是打印空的)

<style>

@media print{

body{display:none}

}

</style>

转载于:https://www.cnblogs.com/binghuaZhang/p/10780982.html