js | 易学教程

html+layui

阅读更多关于 html+layui

添加html+layui项目先引用一个js文件 <form class="layui-form" action=""> <link href="js/layui/css/layui.css" rel="stylesheet" /> <script src="js/jquery-3.3.1.js"></script> <script src="js/layui/layui.js"></script> <div class="layui-form-item"> <label class="layui-form-label">输入框</label> <div class="layui-input-block"> <input id="Rname" type="text" name="title" required lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item layui-form-text"> <label class="layui-form-label">文本域</label> <div class="layui-input-block"> <textarea id="Reamk"

JS中的继承方式总结

阅读更多关于 JS中的继承方式总结

1. 原型链继承(又称类继承) Child.prototype = new Parent(); 1 function Parent (name, age) { 2 this.name = name; 3 this.age = age; 4 } 5 Parent.prototype.say = function(){ 6 console.log('hello, my name is ' + this.name); 7 }; 8 function Child() { 9 } 10 Child.prototype = new Parent('pursue'); 11 var child1 = new Child(); 12 child1.say(); //hello, my name is pursue 13 var child2 = new Child(); 14 console.log(child1.say === child2.say);//true 15 console.log(child1.name === child2.name);//true 通过子类的原型prototype对父类实例化实现。利用将父类实例赋值给子类原型，达到继承的目的：子类原型可访问父类原型上的属性和方法以及父类构造函数中复制的属性和方法

js基础 ------ 继承

阅读更多关于 js基础 ------ 继承

JS 继承是一个非常强大的特性之一。首先，我们定义一个需要实现继承的父类， // 定义一个人的基类 function People (name, age) { this.name = name || ''; this.age = age || 20; this.detail = function() { console.log(this.name + '年龄:' + this.age); } } People.prototype.hello = function () { console.log(this.name + ',你好！'); } 1、原型链继承 function Woman () { } Woman.prototype = new People(); Woman.prototype.name = '小丽'; Woman.prototype.age = '18'; var p1 = new Woman(); console.log(p1.name); console.log(p1.detail()); console.log(p1.hello()); 缺点：创建子类实例时，无法向父类构造函数传参来自原型对象的引用属性是所有实例共享的 2、构造继承 function Woman (name, age) { People.apply(this, arguments);

js 调用后台，后台调用js

阅读更多关于 js 调用后台，后台调用js

<html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title></title> <script src="JS/jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#btnTJ1").bind("click", function () { var result = '<% =Print2Web() %>'; alert("执行完毕，请检查一下后台数据有没有打印出来");//结果显然没有打印出来 }); $("#btnTJ2").bind("click", function () { $("#<%= btnGet.ClientID %>").trigger("click");//效果实现了 }); }); </script> </head> <body> <form runat="server"> <input type="button" value="前台HTML元素调用后台方法" id="btnTJ1" /> <input type="button" value="前台HTML元素调用后台事件" id="btnTJ2" /> <div

从零开始的JS生活（一）——JS简介、变量及基本结构

阅读更多关于从零开始的JS生活（一）——JS简介、变量及基本结构

本K在经过三个静态站制作的狂风暴雨之后，终于开始了JavaScript的学习。作为一只从来没有正儿八经接受过计算机语言的小白，居然能够跟上浩哥的课程进度，我的内心都被我的才智震惊到了，果然本K是天生丽质难自弃，天生我材必有用哇，哦呵呵~ 咳咳，废话不多说，咱们来开始我们的JS小课堂，希望能够帮助到跟我一样的第一次接受计算机语言的同志们。一、什么是JS。 JavaScript，简称JS，它是一种基于浏览器的、基于对象的、用于事件驱动的脚本语言。简单来说，JS就是用来实现html页面上的一些动态效果的语言。它的作用有很多，它可以进行表单的验证，可以添加页面的动态效果，可以动态更改页面的内容，也可以通过Ajax来实现页面的局部更新。二、JS的组成部分。 JS主要有三大部分组成。 1、ECMAScript语法标准，简称ES标准，它规范了JS中的语法、变量和数据类型、运算符、逻辑控制语句等重要内容。 2、BOM，浏览器对象模型，包括history（历史）、document（文档）、location（地址）等浏览器相关的重要信息。 3、DOM，文档对象模型，它的重要内容可以概括为“节点”，节点可以是html中的任意一个标签，像是head，body就是html文档中的两个节点，两者以下的所有分支都可以形成非常具有层次性的节点层。三、JS的基本结构与使用方式 1、基本结构

JS对象迭代v-for

阅读更多关于 JS对象迭代v-for

<!DOCTYPE html> <html lang="zh"> <head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://unpkg.com/vue/dist/vue.js"></script> <link href="../css/style.css" rel="stylesheet"> </head> <body> <div id="myApp"> <h1>JS对象迭代</h1> <div v-for="(value, key) in mygame"> {{ key }} : {{ value }} </div> </div> <script> var myApp = new Vue({ el: '#myApp', data: { mygame: { title: "乌贼娘2代", price: 350, pubdate: "2017年夏季", category: "射击", agerange: "全年龄", }, }, }); </script> </body> </html> 来源： https://www.cnblogs.com/Jeely/p

iframe中子父窗口互调的js方法

阅读更多关于 iframe中子父窗口互调的js方法

转载自：http://www.cnblogs.com/chinafine/archive/2011/09/15/2177746.html 一、父窗口调用iframe子窗口方法 1、HTML语法：<iframe name="myFrame" src="child.html"></iframe> 2、父窗口调用子窗口：myFrame.window.functionName(); 3、子窗品调用父窗口：parent.functionName(); 简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行 4、父窗口页面源码：复制代码代码如下: <html> <head> <script type="text/javascript"> function say() { alert("parent.html------>I'm at parent.html"); } function callChild() { //document.frames("myFrame").f1(); myFrame.window.say(); } </script> </head> <body> <input type=button value="调用child.html中的函数say()" onclick="callChild()"> <iframe name="myFrame" src=

iframe中子父窗口互调的js方法

阅读更多关于 iframe中子父窗口互调的js方法

iframe 父窗口和子窗口相互的调用方法集锦，需要的朋友可以参考下。一、父窗口调用iframe子窗口方法 1、HTML语法：<iframe name="myFrame" src="child.html"></iframe> 2、父窗口调用子窗口：myFrame.window.functionName(); 3、子窗品调用父窗口：parent.functionName(); 简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行 4、父窗口页面源码：复制代码代码如下: <html> <head> <script type="text/javascript"> function say() { alert("parent.html------>I'm at parent.html"); } function callChild() { //document.frames("myFrame").f1(); myFrame.window.say(); } </script> </head> <body> <input type=button value="调用child.html中的函数say()" onclick="callChild()"> <iframe name="myFrame" src="child.html"></iframe> </body> <

iframe中子父窗口互调的js方法

阅读更多关于 iframe中子父窗口互调的js方法

一、父窗口调用iframe子窗口方法 1、HTML语法：<iframe name="myFrame" src="child.html"></iframe> 2、父窗口调用子窗口：myFrame.window.functionName(); 3、子窗品调用父窗口：parent.functionName(); 简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行 4、父窗口页面源码：复制代码代码如下: <html> <head> <script type="text/javascript"> function say() { alert("parent.html------>I'm at parent.html"); } function callChild() { //document.frames("myFrame").f1(); myFrame.window.say(); } </script> </head> <body> <input type=button value="调用child.html中的函数say()" onclick="callChild()"> <iframe name="myFrame" src="child.html"></iframe> </body> </html> 5、子窗口页面：复制代码代码如下: <html> <head>

Js/Jquery获取iframe中的元素在Iframe中获取父窗体的元素方法

阅读更多关于 Js/Jquery获取iframe中的元素在Iframe中获取父窗体的元素方法

在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1、格式：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例：window.frames["ifm"].document.getElementById("btnOk").click(); 2、格式： var obj=document.getElementById("iframe的name").contentWindow; var ifmObj=obj.document.getElementById("iframe中控件的ID"); ifmObj.click(); 实例： var obj=document.getElementById("ifm").contentWindow; var ifmObj=obj.document.getElementById("btnOk"); ifmObj.click(); 在iframe中获取父窗口的元素格式：window.parent.document.getElementById("父窗口的元素ID").click(); 实例：window.parent

订阅 js