js代码

js使用

和自甴很熟 提交于 2020-02-19 14:50:19
js使用 HTML 中的脚本必须位于 <script> 与 </script> 标签之间。 脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。   1.JavaScript 对大小写是敏感的。   2.JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。 Test:点击按钮改变标签内容 <!DOCTYPE html> <html> <body> <h1>My Web Page</h1> <p id="myPar">I am a paragraph.</p> <div id="myDiv">I am a div.</div> <p> <button type="button" onclick="myFunction()">点击这里</button> </p> <script> function myFunction() { document.getElementById("myPar").innerHTML="Hello World"; document.getElementById("myDiv").innerHTML="How are you?"; } </script> <p>当您点击上面的按钮时,两个元素会改变。</p> </body> </html>   3.对代码行进行折行 您可以在文本字符串中使用反斜杠对代码行进行换行

js基础

拟墨画扇 提交于 2020-02-19 14:49:36
js基础 在工作中,时不时的要设计去与web端的网页去进行一些交互,要想软件的功能更加强大,包括QT,Android,IOS的开发,无一列外的都会涉及到与JS的交互,所以想着手学习JavaScript,以后遇到问题,会多一些解决的思路,虽然之前在QT已经用过JS的交互,但具体的基础还是有些模糊。 JavaScript JavaScript 使用 JavaScript 语句输出注释 JavaScript 变量数据类型对象函数运算符 变量 数据类型 JavaScript 函数 JavaScript运算符 JavaScript 条件语句和循环语句 JavaScript Break 和 Continue 语句 JavaScript 错误 - ThrowTry 和 Catch JavaScript 表单验证 结束 JavaScript JavaScript 是属于网络的脚本语言! JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。 这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后

python学习笔记十三 JS,Dom(进阶篇)

£可爱£侵袭症+ 提交于 2020-02-19 14:48:17
JS介绍 JavaScript 是属于网络的脚本语言!JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用;JavaScript 是因特网上最流行的脚本语言。 JavaScript 与 Java 是两种完全不同的语言,无论在概念还是设计上。 Java(由 Sun 发明)是更复杂的编程语言。 ECMA-262 是 JavaScript 标准的官方名称。 JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中(该浏览器已停止更新),并于 1997 年被 ECMA(一个标准协会)采纳。 1.存在方式 <!-- 方式一 --> <script type"text/javascript" src="JS文件"></script> <!-- 方式二 --> <script type"text/javascript"> Js代码内容 </script> 2.存放位置 JavaScript脚本通常放置在三个位置: HTMlL中的head部分 HTML中的body部分最底部(推荐) 单独以.js结尾的文件 为什么会推荐放置在body部分的最底部?因为html是从上往下执行的,假设有js文件或者js执行耗时比较久的话,下面的html代码就无法执行了。 所以放置在body代码块底部

web前端学习之JavaScript

拜拜、爱过 提交于 2020-02-19 14:47:28
JavaScript 是世界上最流行的编程语言。这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。 通过这段时间对js的学习,越来越发现js的强大与重要性。 1、 语言特性、功能、简介: JavaScript 是世界上最流行的编程语言。 这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 插入HTML页面中后由所有现代浏览器进行执行。 功能是在HTML页面中为所欲为。 2、 变量、数据类型: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var a=5; var b="hi,javascript"; var c=true; var d=["one","two","three"]; /** * 注意,script里面的type写不写都不要紧,因为H5中已经将JS认定为默认的脚本语言 * var 是定义变量的前缀

JSON进阶五-JS和WCF的交互

我与影子孤独终老i 提交于 2020-02-19 08:48:55
在园子里看到很多关于AJAX FOR WCF的文章,大多数采用EXT和WCF交互。 但老实说EXT这个东西比较适合应用开发,对于我这种的网站程序员,EXT比较大。 其中涉及到许多知识点,在这里和大家分享下。 至于如何使用AJAX FOR WCF我这里就不说了,园子里有很多类似的文章: 首先,我说一下如何写一个JSON传递形式调用AJAX FOR WCF服务(我这里使用JQuery的ajax为例): $.ajax({ type: 'post', url: '/TdxGridExample/Wcf/Service.svc/Add', //WCF的URL,/Add是指定该WCF的Add方法 contentType: 'text/json', data: ’{"x":1,"y":2}‘, success: function(msg) { alert(msg); } }); 注:contentType:类型必须设置为text/json,而不是'text/xml' 或 'text/html' data,必须是json形式字符串:并且要对应后台WCF参数名: WCF代码: [OperationContract] [WebInvoke(RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json,

也写“JS俄罗斯方块”

这一生的挚爱 提交于 2020-02-19 07:14:40
  这个经典的小游戏被无数人玩过,也被很多数的程序员写过,在下也献丑写个出来。   由于在自己动手写之前没参考过别人写的这个游戏的代码,完全是根据自己玩这个游戏的体会写成的。也知水平有限,虽然已认真测试过,但仍可能有漏洞,感兴趣的朋友发现后还望不吝指出来。   说说自己的思路,以及编写过程中的重点难点。 思路: 1、我是在纸上先画出方块的几大类型,分成了十大类,每种类型在按“上方向键”时,有四种变化 (田字形实际只有一种形状;长条形,以及两种互相对称的“折线形”分别也只有两种变化),把 这些形状所在的位置信息放入数组中(xx,yy数组表示)。 2、把形状分类后,就要想办法把每种形状显示出来。这里利用构造函数block构造方块对象。然后 在“预览”显示的div里创建每种方块形状(initshape()),并把它们全部隐藏。 3、把“预览div”里的方块形状随机(实际有一定规律)显示一种。然后在主窗口里创建这种方块 (createBlock()),然后定时器让方块下落(fall()),下落过程中不断改变方块的位置 (setPosition()),判断是否越界(judgeLRside()和judgeBott())。当方块落到底部,或者与已 经落下的方块接触时,判断是否能消除行(removeBlocks())。然后把“预览div”里的方块形状再 显示一种(setVisible())

深入理解 JavaScript 事件循环(一)— event loop

限于喜欢 提交于 2020-02-18 22:04:56
引言   相信所有学过 JavaScript 都知道它是一门单线程的语言,这也就意味着 JS 无法进行多线程编程,但是 JS 当中却有着无处不在的 异步 概念 。在初期许多人会把异步理解成类似多线程的编程模式,其实他们中有着很大的差别,要完全理解异步,就需要了解 JS 的运行核心—— 事件循环(event loop) 。在之前我对事件循环的认识也是一知半解的,直到我看了 Philip Roberts 的演讲 What the heck is the event loop anyway? ,我才对事件循环有了一个全面的认识,所以我想写一篇介绍 JS 事件循环的文章,以供大家学习和参考。 一、为什么会有异步?   为什么 JS 当中会有异步?我们想象一下,如果我们同步的执行一下代码会发生什么: 1 $.get(url, function(data) { 2 //do something 3 });   在我们使用 ajax 进行通信的时候,我们都默认了它是异步的,但是如果我们设置其为同步执行,会发生什么?如果你自己写一个小的测试程序,将后台代码延迟5s你会发现浏览器会出现阻塞,直到 ajax 响应了之后才会正常运行。这便是异步模式要解决的首要问题,如何使浏览器非阻塞的运行任务。想象一下如果我们同步的执行 ajax 请求的话,我们的等待的时间是一个未知数,在网络通信中可能很快也可能很慢

前端js脚本与防止js脚本

拜拜、爱过 提交于 2020-02-18 21:32:22
前言 身为一名前端开发工程师,有时候业务场景是无法用手速模拟的,老司机也有翻车的时候【你懂得】。因此我特意写这一篇文章,希望能够对大家有所帮助。 涉及到的内容: 1.chrome浏览器 2.js代码 3.函数节流 第一步 打开chrome浏览器,使用组合键Ctrl+shift+i打开开发者工具,接下来如图所示。 点击snippets 第二步 如图所示 点击new snippet -->输入脚本‘名称’-->Ctrl+s保存。 第三步 如图所示 选择新创建的脚本‘名称’,在如图所示的第二步进行编辑js代码。最后如第三步所示:run 运行代码。 js脚本代码 1.以下是网站上的代码: <body> <div class="box"> <img class="img" src="image/pict.png" /> <button class="btn" id='btn'>抢购</button> </div> <script type="text/javascript"> /** * 抢购按钮 * * */ btn.onclick=function(){ console.log('抢购成功!'); }; </script> </body> 每次点击抢购 控制台输出 抢购成功! 2.脚本代码 /** * 最简单的脚本代码 * 版本1.0.1 */ btn.click();/

SharePoint 之JS感悟-js脚本

你说的曾经没有我的故事 提交于 2020-02-18 21:31:51
  最近有些迷恋js脚本,因为自己对Asp.net不够熟悉,又是Moss的一年级新生,不是对代码开发不感兴趣,面向对象自己也了解一些,代码也能大致读懂,个人觉得还是经验积累,作为代码开发人员,还是需要3-5年的编程经验,程序就是这样,熟悉的过程。而相对,js就比较简单了,自己最近也比较迷恋js脚本,相比代码用对象模型或者ASP.net程序去读写SharePoint库,自己还是倾向于用js脚本进行操作,而SharePoint提供的定制功能也是很强大的,当然效率的问题和安全性的问题,都是必须要考虑的,自己也会在学习中不断完善自己的思路。   下面还是介绍下自己对js与SharePoint结合的一点点感悟吧,首先就是表间级联,SharePoint最大的优点就是平台性,很多东西都开发出来了,而我们需要做的就是怎么灵活的运用这些已经存在的东西,表间级联我的应用例子就是自己的一篇文章,给文档库添加评论。在给文档库的一篇文档添加评论的同时,把这个文档的ID作为列表中的一栏写到评论列表中,这个过程就是js脚本找到文档的ID然后放到定制的新建表单中,在保存评论时将ID带见评论表,而再通过筛选将文档的评论筛选出来。个人认为这是一个相当不错的思路,至少我是为了这个想法兴奋了好些日子。   相对而言,SharePoint很多的东西是开发出来了,但是很多东西看起来更像半成品,尤其很多页面的样式

js 异步实现与编程

点点圈 提交于 2020-02-18 21:28:22
同步 同步 同步是代码从上到下依次执行,上一个任务结束后,才能执行下一个任务。 如下图所示,任务1执行完后,再执行任务2,任务2执行完后再执行任务3,依次类推... 同步优势 同步是任务有序进行,不会造成资源上处理上的混乱。 1.任务有序进行较好的处理了任务之间的依赖性,如后一个任务需要前一个任务的结果。 2.如果多个任务处理同一个资源,不会造成资源处理的混乱。 var a = 1; function task1(){   console.log(a);   for(var i = 0; i <10000;i++){     a++; }   console.log(a); } function task2(){   console.log(a);   for(var i = 0; i <10000;i++){     a--; }   console.log(a); } task1(); task2(); task1、task2都操作变量a。先执行task1, 执行完 task1后得到一个a的结果值。然后task2处理task1处理的结果值。 如果task1与task2不是同步的,task1没有执行完,去执行task2,task2执行一会,再去执行task1,... ,可能a的值都不是task1、 task2想要的结果。 同步弊端 同步上从上到下依次执行的,必须等到上个任务完成