js代码

javaScript

南楼画角 提交于 2019-12-27 07:32:54
javascript JavaScript 是一种具有面向对象能力的、解释型的程序设计语言。更具体一点,它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。 **作用:**验证发往服务器端的数据、增加 Web 互动、加强用户体验度等。 javascript的组成: ECMAScript javascript的核心语法 BOM 浏览器对象模型 DOM 文档对象模型 使用方式: JS需要和HTML一起使用才有效果,我们可以通过直接或间接的方式将JS代码嵌入在HTML页面中。 行内JS: 写在标签内部的的js代码 内部JS:定义在script标签内部的js代码 外部JS:单独的js文件,在HTML中通过script标签引入 js代码在HTML页面中的位置: 可以使用在HTML页面中的任何位置 推荐只用在head 标签中,便于后期维护, 使用在body结束之前:保证再执行js代码的时候,页面中所有的内容都加载完成之后执行,如果要在head中配合window.onload一起使用 js中的标识符 标识符就是一个名字,用来给变量和函数进行命名,有特定规则和规范 规则 :由Unicode字母、_、$、数字组成、中文组成 不能以数字开头 不能是关键字和保留字 严格区分大小写 规范 : 见名知意 驼峰命名或下划线规则 js中的变量 在js中使用 var 关键字定义变量 格式 : var 变量名

js 执行顺序

不羁的心 提交于 2019-12-27 07:21:52
一、在HTML中嵌入Javasript的方法 直接在Javascript代码放在标记对<script>和</script>之间 由<script />标记的src属性制定外部的js文件 放在事件处理程序中,比如: <p onclick="alert('我是由onclick事件执行的Javascript')">点击我</p> 作为URL的主体,这个URL使用特殊的Javascript:协议,比如: <a href="javascript:alert('我是由javascript:协议执行的javascript')">点击我</a> 利用javascript本身的document.write()方法写入新的javascript代码 利用Ajax异步获取javascript代码,然后执行 第3种和第4种方法写入的Javascript需要触发才能执行,所以除非特别设置,否则页面加载时不会执行。 二、Javascript在页面的执行顺序 页面上的Javascript代码是HTML文档的一部分,所以Javascript在页面装载时执行的顺序就是其引入标记<script />的出现顺序, <script />标记里面的或者通过src引入的外部JS,都是按照其语句出现的顺序执行,而且执行过程是文档装载的一部分。 每个脚本定义的全局变量和函数,都可以被后面执行的脚本所调用。 变量的调用

C#执行js

北城余情 提交于 2019-12-27 07:13:12
前段时间在抓取某网页时发现,其登录密码是用js经过rsa加密后提交的。找到了它的rsa加密的js文件,我就在想能不能让c#直接调用js,于是就在百度了一下,还真找到了,于是整理了一下。 1、写了一个帮助类 1 using MSScriptControl; 2 using System; 3 using System.IO; 4 5 namespace Javascript 6 { 7 /// <summary> 8 /// JavascriptHelper 9 /// </summary> 10 public class JavascriptHelper 11 { 12 /// <summary> 13 /// ScriptControl 14 /// </summary> 15 private ScriptControl jsControl = null; 16 17 /// <summary> 18 /// 构造方法 19 /// </summary> 20 public JavascriptHelper() 21 { 22 this.jsControl = new ScriptControl(); 23 this.jsControl.UseSafeSubset = true; 24 this.jsControl.Language = "JScript"; 25 } 26 27

解决iframe高度自适应问题

佐手、 提交于 2019-12-27 05:06:39
最近工作中使用了让人头疼的iframe,碰到的最大问题是没有好的方法使其高度自适应。尤其在页面进行ajax后,后来Google一番之后,发现 iframe-resizer 能够比较好的解决这个问题,而且还支持跨域访问(使用 postMessage )。 iframe resizer地址: https://github.com/davidjbradshaw/iframe-resizer 。 使用方法:在iframe resizer压缩包的js文件夹中,有两个文件: 第一个js是:iframeResizer.min.js。这个js是要放在需要嵌入iframe的页面(parent)中。 第二个js是:iframeResizer.contentWindow.min.js,它需要放到你的iframe页面(child)中去,注意只要引入,不需要代码配置。 然后再parent页面 配置如下:为了兼容需要设置 width:100% scrolling:no overflow:visible <iframe id="myframe" src="https://**" width="100%" scrolling="no" style="overflow:visible"></iframe> 然后再js中使用: <script type="text/javascript"> iFrameResize(

50道JavaScript基础面试题(附答案)

谁说胖子不能爱 提交于 2019-12-27 04:53:25
https://segmentfault.com/a/1190000015288700 1 介绍JavaScript的基本数据类型 Number、String 、Boolean 、Null、Undefined Object 是 JavaScript 中所有对象的父对象 数据封装类对象:Object、Array、Boolean、Number 和 String 其他对象:Function、Arguments、Math、Date、RegExp、Error 新类型:Symbol 2 说说写JavaScript的基本规范? 1) 不要在同一行声明多个变量 2) 使用 ===或!==来比较true/false或者数值 3) switch必须带有default分支 4) 函数应该有返回值 5) for if else 必须使用大括号 6) 语句结束加分号 7) 命名要有意义,使用驼峰命名法 3 jQuery使用建议 1) 尽量减少对dom元素的访问和操作 2) 尽量避免给dom元素绑定多个相同类型的事件处理函数,可以将多个相同类型事件 处理函数合并到一个处理函数,通过数据状态来处理分支 3) 尽量避免使用toggle事件 4 Ajax使用 全称 : Asynchronous Javascript And XML 所谓异步,就是向服务器发送请求的时候,我们不必等待结果,而是可以同时做其他的事情

Js实现炫酷随机抽人

穿精又带淫゛_ 提交于 2019-12-27 04:09:54
2020年已悄然来临,一年又这样白白浪费了,年末将至,来了一个小任务,实现年会的随机抽人效果,需求:所有的人都在屏幕上四处漂泊,点击抽人后,加快速度,5秒后,抽中的人跑向中间,其他所有人,飞出屏幕外,并保证每个人抽中的概率只有一次。看到这个需求后,对于一个Android开发者而言,懵逼了!不过还是细细钻研了一番,最终实现效果如下,当然,有参考他人的思路,效果如下: 这里主要说下实现思路,主要用到了requestAnimationFrame这个函数,以及JQery里animate动画,数据源,自己写了一个txt文件,里面存储所有人姓名。 { "result":[ "张三", "李四", "王五", "赵六", "闫七", "李八", "李九", "李十", "张十一", "钱十二", "孙大", "周二", "吴三", "郑四", "王洛", "冯九", "都偶", "某某" ], "message":"成功", "status":"0000" } 页面其实很简单,一个用于动态添加到的p标签,还有两个div按钮,页面底部的js文件, 首先使用JQuery获取了所有人的姓名,然后赋值给了p标签,需要注意的是,获取完名字后,这里我做了一个遍历,即让每个名字后都带了一个空格,然后调用了animate.js中的Animate对象。 <!DOCTYPE html> <html> <head>

JS打开新页面跳转

冷暖自知 提交于 2019-12-27 03:14:35
有时候使用js进行页面跳转,想使用 a 标签中 target="_blank" 形式,跳转打开一个新的页面。 可以使用以下脚本,创建一个 a标签,然后模拟点击操作。 代码如下: function searchBaidu() { var url = "http://www.baidu.com“; var el = document.createElement("a"); document.body.appendChild(el); el.href = url; //url 是你得到的连接 el.target = '_blank'; //指定在新窗口打开 el.click(); document.body.removeChild(el); }       来源: https://www.cnblogs.com/lipingping/p/4209190.html

一个简单粗暴的前后端分离方案

时光总嘲笑我的痴心妄想 提交于 2019-12-27 02:58:21
项目背景 刚刚参加完一个项目,背景:后端是用java,后端服务已经开发的差不多了,现在要通过web的方式对外提供服务,也就是B/S架构。后端专注做业务逻辑,不想在后端做页面渲染的事情,只向前端提供数据接口。于是协商后打算将前后端完全分离,页面上的所有数据都通过ajax向后端取,页面渲染的事情完全由前端来做。另外还有一个紧急的情况,项目要紧急上线,整个web站点的开发时间只有两周,两周啊!于是在这样的背景下,决定开始一次前后端完全分离的尝试。 之前开发都是同步渲染和异步渲染混搭的,有些东西可以有后端PHP帮你编译好,如通用的页面模板,后端传回的页面参数等。提前预感到这次完全分离可能会遇到一些困难,但是项目上线要紧,也不能深入搞架构,于是打算就用jQuery+handlebars,jQuery来完成页面逻辑和DOM操作,用handlebars来完成页面渲染,这个方案是如此的简单粗暴,但好处能最稳妥的保证项目按期完成。其实前后端分离并不是一件容易的工作,这么做会有诸多不完善之处,后面再谈。 浅谈前后端分离 所谓的前后端分离,到底是分离什么呢?其实就是页面的渲染工作,之前是后端渲染好页面,交给前端来显示,分离后前端需要自己拼装html代码,然后再显示。前端来管理页面的渲染有很多好处,比如减少网络请求量,制作单页面应用等。事情听起来简单,但这么一分离又会牵扯到很多问题,比如: 资源的按需加载

简单粗暴的前后端分离方案

雨燕双飞 提交于 2019-12-27 02:55:13
刚刚参加完一个项目,背景:后端是用java,后端服务已经开发的差不多了,现在要通过web的方式对外提供服务,也就是B/S架构。后端专注做业务逻辑,不想在后端做页面渲染的事情,只向前端提供数据接口。于是协商后打算将前后端完全分离,页面上的所有数据都通过ajax向后端取,页面渲染的事情完全由前端来做。另外还有一个紧急的情况,项目要紧急上线,整个web站点的开发时间只有两周,两周啊!于是在这样的背景下,决定开始一次前后端完全分离的尝试。 之前开发都是同步渲染和异步渲染混搭的,有些东西可以有后端PHP帮你编译好,如通用的页面模板,后端传回的页面参数等。提前预感到这次完全分离可能会遇到一些困难,但是项目上线要紧,也不能深入搞架构,于是打算就用jQuery+handlebars,jQuery来完成页面逻辑和DOM操作,用handlebars来完成页面渲染,这个方案是如此的简单粗暴,但好处能最稳妥的保证项目按期完成。其实前后端分离并不是一件容易的工作,这么做会有诸多不完善之处,后面再谈。 浅谈前后端分离 所谓的前后端分离,到底是分离什么呢?其实就是页面的渲染工作,之前是后端渲染好页面,交给前端来显示,分离后前端需要自己拼装html代码,然后再显示。前端来管理页面的渲染有很多好处,比如减少网络请求量,制作单页面应用等。事情听起来简单,但这么一分离又会牵扯到很多问题,比如: 资源的按需加载

一个简单粗暴的前后端分离方案

两盒软妹~` 提交于 2019-12-27 02:51:18
项目背景 刚刚参加完一个项目,背景:后端是用java,后端服务已经开发的差不多了,现在要通过web的方式对外提供服务,也就是B/S架构。后端专注做业务逻辑,不想在后端做页面渲染的事情,只向前端提供数据接口。于是协商后打算将前后端完全分离,页面上的所有数据都通过ajax向后端取,页面渲染的事情完全由前端来做。另外还有一个紧急的情况,项目要紧急上线,整个web站点的开发时间只有两周,两周啊!于是在这样的背景下,决定开始一次前后端完全分离的尝试。 之前开发都是同步渲染和异步渲染混搭的,有些东西可以有后端PHP帮你编译好,如通用的页面模板,后端传回的页面参数等。提前预感到这次完全分离可能会遇到一些困难,但是项目上线要紧,也不能深入搞架构,于是打算就用jQuery+handlebars,jQuery来完成页面逻辑和DOM操作,用handlebars来完成页面渲染,这个方案是如此的简单粗暴,但好处能最稳妥的保证项目按期完成。其实前后端分离并不是一件容易的工作,这么做会有诸多不完善之处,后面再谈。 浅谈前后端分离 所谓的前后端分离,到底是分离什么呢?其实就是页面的渲染工作,之前是后端渲染好页面,交给前端来显示,分离后前端需要自己拼装html代码,然后再显示。前端来管理页面的渲染有很多好处,比如减少网络请求量,制作单页面应用等。事情听起来简单,但这么一分离又会牵扯到很多问题,比如: 资源的按需加载