js代码

js基础-表单验证和提交

心不动则不痛 提交于 2019-12-09 11:31:28
基础知识: 原始提交如下: 1 <form action="/login" method="post" id="form1"> 2 <span>用户</span> 3 <input type="text" name="username" id="username"/><br/> 4 <span>密码</span> 5 <input type="password" name="password" id="passsword"/><br/> 6    7 <input type="submit" value="提交"> 9 </form> 说明: form是一个表单,用来发送http请求。直观的说,只要用form将需要提交到服务器的标签包围,当提交的时候,就会向服务器发送有name属性的数据。所以,input内容提交必须有name属性。 action:服务器接口路径; method:选择发送请求的方式,默认是get,通常用post。get请求会在地址栏显示参数,并且有长度限制。post则没有。 id:标识标签元素 当提交后,服务器就会得到:username=填的用户名 & password=填的密码 当点击提交后,form数据就会发送。通常提交前要校验数据。比如长度规则等。所以需要js。     js校验:   方法1:       在from属性后面接着添加onsubmit=

c#运行JS代码

青春壹個敷衍的年華 提交于 2019-12-09 11:22:11
Jint, Gitbub网址: https://github.com/sebastienros/jint 编译好的dll文件: https://pan.baidu.com/s/1qYhSM64 使用方法示例: class Program { static Jint.Engine _engine; public static void Print(object s) { if (s == null) s = "null"; Console.WriteLine(s.ToString()); } private static Jint.Engine CreateEngine() { return new Engine().SetValue("print", new Action<object>(Print)); } static void Main(string[] args) { var source = @" var s = 'Hello World From JavaScript '; for(var i=0; i<4; i++) { print(s + i); } s; // Evaluate and return the expression "; var s = CreateEngine().Execute(source).GetCompletionValue();

Vuejs

橙三吉。 提交于 2019-12-09 10:57:32
Vue开发去哪网App 用到的了Vue中的知识点 Axios –Ajax数据的获取 Vue Router –做多页面之间的路由 Vuex –各个组件之间的数据共享 异步组件 —代码上线,性能更优 Stylus –编写前端的样式 递归组件 –实现组件自身调用自己 slider 插件实现轮播图 开始! Hello Vue <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Hello Vue</title> <!-- 开发环境版本,包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="./js/vue.js"></script> </head> <body> <div id="app1"> </div> <div id="app"> {{content}} </div> <script> var dom = document.getElementById('app1'); dom.innerHTML = "Hello Vue" setTimeout(function () { dom.innerHTML = 'Bye Vue' },2000) // 创建Vue实例 var

手机移动端返回顶部js代码

生来就可爱ヽ(ⅴ<●) 提交于 2019-12-09 10:08:47
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>手机移动端返回顶部js代码</title> <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script> </head> <body style="background-color: #dddfff;"> <div class="headeline"></div> <p style="font-size:24px;color:red;text-align: center;">手机往下滑动即可显示返回顶部按钮!</p> <!--演示内容开始--> <div style="height:2000px;"></div> <!--演示内容结束--> </body> <script> var scrolltotop={ setting:{ startline:100, //起始行 scrollto:0, //滚动到指定位置 scrollduration:400, //滚动过渡时间 fadeduration:[500,100] //淡出淡现消失 }, controlHTML:'<img src=

js获取验证码

不问归期 提交于 2019-12-09 09:56:00
1.<head>标签代码 <script type="text/javascript"> var code; function createCode(){ code=""; var codeLength = 4; var checkCode = document.getElementById("code"); var random = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'); for(var i=0;i<codeLength;i++){ var index = Math.floor(Math.random()*36); code += random[index]; } checkCode.value = code; } function validate(){ var inputCode = document.getElementById("input").value.toUpperCase(); if(inputCode.length<=0){ alert("请输入验证码!"); }else if(inputCode != code){ alert(

iOS React Native 学习总结

这一生的挚爱 提交于 2019-12-09 09:53:40
一、简单介绍 不同于Hybrid ap,React Native里面没有 webview ,iOS7中加入了 JavaScriptCore.framework 框架,而RN正是用JavascriptCore执行js代码的。 二、环境配置 需要安装 Watchman Flow Node 环境,推荐使用 Homebrew ,注意Xcode版本不能低于7.0 brew install node Node安装 brew install watchman brew install flow brew update && brew upgrade 环境更新 三、工程创建 国内需要换源 1 npm config set registry https://registry.npm.taobao.org 2 npm config set disturl https://npm.taobao.org/dist 执行以下两条命令安装全局npm环境和初始化工程RNDEMO $ sudo npm install -g react-native-cli $ react-native init RNDemo cd到工程根目录中用npm start(如果开启了自动启动调试服务器则不需要)启动服务,然后运行工程 集成RN环境到Native中 1.拷贝node_modules环境到工程中 2.将需要的

JS生成验证码并且验证

坚强是说给别人听的谎言 提交于 2019-12-09 09:46:06
JS生成验证码并且验证 接下来我们使用Visual Studio这个软件来写一个的方法,我们可以使用这种写法写一个简单的小案例。这个小案例是什么呢。就是运用JS方法然后实现生成验证码并且进行验证的一个功能。 那么这个代码要怎么写才能让他实现出来呢,首先我们需要先搭建Html的页面。写一些样式让他展示出来。 我们先看一下html的页面截图: 在截图中我们可以看到html页面搭建需要先建立2个input的文本框,然后给还有一个button的按钮,我们都给他加上了ID还有他的一些input里面的属性内容,接下来我们看一下样式的属性代码是什么: 可以从上面截图看到我们给他设置了不少的样式,上面的样式都是一些基本,都是给他文本框和按钮设置一些属性值。那么接下来我们就来看一下他的js代码吧。 看以下script的截图代码: js代码里面我们可以看从第50行,首先先写一个方法为生成,然后再给他写一个判断,默认的验证码长度为4,然后接着就是生成48到122之间的随机整数,接着就判断是否存在数字、大小写字符范围内,接着就return返回验证码,接着我们在button里面写了一个id的属性,我们用他的id写一个点击的方法,让他随机生成验证码,然后在写一个点击的方法进行比较对比,忽略大小写的状态比较都统一转换为大写后在进行对比,接着就进行判断他是否比较整齐。 接下来看一下他的实现:

java web Excel导入、导出的实现

大憨熊 提交于 2019-12-09 09:14:44
在做web开发时,我们经常会用到数据表格的导入导出功能,这样可以帮我们节省人工操作的时间,极大提高办事效率,下面,直入正题: 笔者所做的导入导出是针对java springMVC框架、工作簿poi以及前端plupload.js插件设计的。 第一步、总体介绍 首先,来看页面展示,如下图: 导入菜单包含模板下载和导入数据,如下图: 点击模板下载,弹出模板下载对话框,如下图: 点击导入数据,弹出导入对话框,如下图: 接下来,再来看看导出,包含导出当前页和导出全部,如下图: 点击导出当前页或是导出全部后,生成excel,如下图: 最后再来看看导入模板和生成的excel,如下图: 我的模板是放在src/main/webapp/template下的。 第二步、模板下载和导入 首先,来看看前台导入、导出的jsp代码: <!-- 导出,当前页和页大小隐藏域 --> < input type = "hidden" name = "currentPage" id = "current" value = "0" /> < input type = "hidden" name = "pageSize" id = "size" value = "0" /> ID: < input type = "text" name = "id" id = "userId" /> 姓名: < input type =

MUI 获取验证码

梦想与她 提交于 2019-12-09 09:00:56
获取验证码其实也不是MUI框架的东西,只是一些JS,刚好写注册和忘记密码页面的时候需要了,就把他记下来,以后哪里需要写哪里,可以单独写一个js文件,写create_code(num)方法,用于获取num位随机数字,然后生成一个定时器,具体代码如下,可以砍详细的注释 /*获取num位数字验证码*/ function create_code(num){ var arr=[0,1,2,3,4,5,6,7,8,9]; //获取1-10随机数字 //Math.floor(Math.random()*10+1); var create_code = ''; for(var k = 0; k< num; k++){ create_code += arr[Math.floor(Math.random()*10+1)-1]; } return create_code; } //点击获取验证码 var yzm = document.getElementById('yzm'); //是否可以点击【获取验证码按钮开关】 var onOff = true; //code_4用于注册信息时的验证,验证码,获取与输入的一致 var code_4 = ''; yzm.onclick = function(){ //如果onOff标志false则,不执行任何操作 if(!onOff) return; /

JS事件之事件类型[UI事件]

人走茶凉 提交于 2019-12-09 08:40:36
事件类型 Web浏览器可能发生的事件类型有很多。不同的事件类型具有不同的信息,而“DOM3级事件“规定了以下几类事件。 UI(User Interface,用户界面)事件,当用户与页面上的元素交互时触发; 焦点事件,当元素获得或失去焦点时触发; 鼠标事件,当用户通过鼠标在页面执行操作时触发; 滚轮事件,当使用鼠标滚轮(或类似设置)时触发; 文本事件,当在文档中输入文本时触发; 键盘事件,当用户通过包租在页面上执行操作时触发; 合成事件,当为IME(Input MethodEditor,输入法编辑器)输入字符时触发; 变动(mutation)事件,当底层DOM结构发生变化时触发; 变动名称事件,当元素或属性名变动时触发。此类事件已经被废弃,没有任何浏览器实现它们,因此本章不做介绍。 除了这几类事件之外,HTML5也定义了一组事件,而有此浏览器还会在DOM和BOM中实现其他专有事件。这些专有的事件一般都是根据开发人员需求定制的。没有什么规范,因此不同浏览器的实现有可能不一致。 DOM2级事件模块在DOM2级事件模块基础上重新这些事件,也添加了一些新事件。包括IE9在内的所有主流浏览器都支持DOM2级事件。IE9也支持DOM3级事件。 #UI事件 UI事件 批的是那些不一定与用户操作有关的事件。这些事件在DOM规范出现之前,都是以这种或那种形式存在的。而在DOM规范中保留是为了向后兼容