document.body.oncontextmenu=document.body.ondragstart= document.body.onselectstart=document.body.onbefore" />

IT袋

当前位置:主页 > 经验教程 > 建站编程 >

JavaScript-前端常用代码

JavaScript-前端常用代码

时间:2023-12-13 14:01:13 来源:IT袋 作者:马勇
导读:JavaScript-前端常用代码,对于大多数网友来说JavaScript-前端常用代码的话题,接下来小编为网友介绍。 禁止右键 script type="text/javascript">document.body.oncontextmenu=document.body.ondragstart= document.body.onselec

JavaScript-前端常用代码

对于大多数网友来说JavaScript-前端常用代码的话题,接下来小编为网友介绍。

JavaScript-前端常用代码

禁止右键

<script type="text/javascript">
document.body.oncontextmenu=document.body.ondragstart= document.body.onselectstart=document.body.onbeforecopy=function(){return false;};
document.body.onselect=document.body.oncopy=document.body.onmouseup=function(){document.selection.empty();};
</script>

禁止F12

 <script type="text/javascript">
     document.oncontextmenu = function () { return false; };
        document.onkeydown = function () {
            if (window.event && window.event.keyCode == 123) {
                event.keyCode = 0;
                event.returnValue = false;
                return false;
            }
        };
</script>

返回上一页

<a href="#" onClick="javascript :history.back(-1);">返回上一页</a>

返回顶部

javascript:scroll(0,0)

自动获取当前年份

<script>document.write(new Date().getFullYear());</script>

同一个页面多视频时只能同时播放一个视频

<script>
var au=document.getElementsByTagName("video");
for(var i=0;i<au.length;i++){
au[i].addEventListener("playing", function(){
var this1=this;
this.play();
for(var b=0;b<au.length;b++){
var this2=au[b];
if(this1!==this2){
this2.pause();
}
}
});
}
</script>

自动获取当前日期

<script>
     var obj=new Date();
     var year=obj.getFullYear();
     var month=obj.getMonth()+1;
     var day=obj.getDate();
     document.write("今天是:"+year+"年"+month+"月"+day+"日")
</script>

替代A标签链接

onclick="location='链接地址'"

控制链接在新的页面打开

onclick="window.open('链接地址')"

设置浏览器弹窗内容

onclick="alert('文字内容')"

点击按钮复制指定内容

<div>
    <span id="user_ref_id">复制内容</span>
    <input type="button" onclick="cp(document.getElementById('user_ref_id'));" value="复制给好友" >
</div>
<script>
        function selectText(x) {
            if (document.selection) {
                var range = document.body.createTextRange();
                range.moveToElementText(x);
                range.select();
            } else if (window.getSelection) {
                var selection = window.getSelection();
                var range = document.createRange();
                selection.removeAllRanges();
                range.selectNodeContents(x);
                selection.addRange(range);
            }
        }
        function cp(x) {
            selectText(x);
            document.execCommand("copy");
            alert("复制成功,快去分享好友吧")
        }
</script>

相关阅读

  • 详解KMP算法:字符串匹配的艺术

    详解KMP算法:字符串匹配的艺术

    为网友们详解详解KMP算法的相关知识,具体内容如下: 在字符串查找算法中,KMP (Knuth-Morris-Pratt) 算法是一种高效的解决方案。 它基于观察已完成的匹配来避免无效的匹配,从而实现线性时间

  • 如何评估服务器机架应该有多少个“U”?

    如何评估服务器机架应该有多少个“U”?

    为网友解答如何评估服务器机架应该有多少个“U”的相关经验,下面IT袋网为您详细介绍 服务器机架的所需U数取决于您的具体应用和设备。 要评估您需要多少个机架单元U,可以按照以下步骤

  • 深入了解Web服务:概念、类型和应用 webservice是什么

    深入了解Web服务:概念、类型和应用 webservice是什么

    为大家说一说深入了解Web服务及概念、类型和应用的IT小经验,如有不对的地方欢迎指正! 一、Web服务简介 Web服务是一种让应用程序通过网络进行交互的技术。 它们是独立于平台和编程语言的

  • 简述dubbo的分层设计

    简述dubbo的分层设计

    跟大家说一说简述dubbo的分层设计的相关经验,请看下面详细的介绍。 Service,业务层,就是咱们开发的业务逻辑层。 Config,配置层,主要围绕ServiceConfig和ReferenceConfig,初始化配置信息。 Pro