分类目录归档:Javascript学习笔记

网页不允许复制破解,三条js解决

网页不允许复制破解

一般都是通过js做限制,例如onselectstart等

chrome浏览器为例,网页:https://m.techan.com/produce/zkgeb.html为例,去掉网页的复制限制,运行完如下,可以选择复制

图片详情

步骤:

1\chrome浏览器,F12打开开发者工具

2\点开控制台,输入图片中的三条js语句:

document.onselectstart=null;

document.ondragstart=null;

document.body.contentEditable=’true’;

3\然后就没了

4\去掉右键菜单屏蔽办法:

layui的form,mark一下

form改成div后,button的type=reset就失效了,

button的三个type参数submt,reset,button,如果使用type=submit,就不走layui的form.on方法,如果走form.on

<script>
    layui.use('form',function(){
        var form = layui.form;

        form.on('submit(add)', function(data)
        {
            console.log(data);
           $.post('/index/jbgs/apply/add', data.field, function(result)
           {
               // result.code = 100if;
               // layer.msg("success");
               // setTimeMethods(function()
               // {
               //     location.reload();
               // }, 500)
           });
            // return false;
        });
    })
</script>

自己写的提取文章中的图片(layui+tp5),以弹出窗口的形式,左右滑动展示,当然这里没用到tp5

//需要引用layer或者layui
//需要引用jquery
//需要引用swiper组件

<script>

//articlecontent是文章id所在DOM
      $("#aritclecontent").find("img").on("click",function() {

        var html = '';
        html += '<div class="swiper-container" style="z-index:999999999;width:1024px;"><div class="swiper-wrapper">';
        $('#aritclecontent img').each(function (index) {
            html += '<div class="swiper-slide">'
            html += '<div class="swiper-button-prev"></div><div class="swiper-button-next"></div><img style="width:1024px;" src="' + $(this).attr("src") + '"></div>';
        })
        html += '</div></div>';
        layer.open({
            type: 1,
            // area:['900px','600px'],
            title: false,
            skin: 'layui-layer-rim',
            closeBtn: 1,
            // shade:0,
            content: html
        })
        var mySwiper = new Swiper('.swiper-container',{
            // direction: 'vertical',//竖着切换
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        })
    })
</script>

jquery中的this和$(this)分别,简单就是说,this是js中的,$(this)是jquery中的,当然jquery中也可以用this.

      首先来看看JQuery中的 $() 这个符号,实际上这个符号在JQuery中相当于JQuery(),即$(this)=jquery();也就是说,这样可以返回一个jquery对象。那么,当你在网页中alert($(‘#id’));时,会弹出一个[object Object ],这个object对象,也就是jquery对象了。

那么,我们再回过头来说$(this),这个this是什么呢?假设我们有如下的代码:

继续阅读

foreach方法,forech(function(currentValue,index,arr),thisValue)

function(currentValue, index, arr)
fn是必需的。 数组中每个元素需要调用的函数。

函数参数:
参数 描述
currentValue 必需。当前元素
index 可选。当前元素的索引值。
arr 可选。当前元素所属的数组对象。
thisValue 可选。传递给函数的值一般用 “this” 值。
如果这个参数为空, “undefined” 会传递给 “this” 值

tips:
onclick=”number.foreach(myfunction)”
var numbers = [4,9,16,25]

javascript学习笔记2,top,closed,opener,getElementById等属性和方法

closed 属性:closed 属性可返回一个布尔值,该值声明了窗口是否已经关闭。该属性为只读。
当浏览器窗口关闭时,表示该窗口的 Windows 对象并不会消失,它将继续存在,不过它的 closed 属性将设置为 true。
opener属性:opener 属性是一个可读可写的属性,可返回对创建该窗口的 Window 对象的引用。
opener 属性非常有用,创建的窗口可以引用创建它的窗口所定义的属性和函数。

defaultstatus属性:属性可设置或返回窗口状态栏中的默认文本。该属性可读可写。
该文本会在页面加载时被显示。

status属性:基本同上,像我这样的人一般用不上不同的地方。 继续阅读

javascript学习笔记1:return,onclick,confirm,oncontextmenu,window的event和注释和排错

// javascript的单行注释符
两个斜杠是javascript的单行注释

oncontextmenu
Fires when the user clicks the right mouse button in the client area, opening the context menu,当用户右键单击页面的时候,打开一个右键菜单

return关键字,举例
    <script language=”javascript”>
         function myfunction(a,b){
         var r;
          r = a+b;
         return(r)
         }
window.alert(myfunction(3,2));
</script>

继续阅读