HelloJs

JS

轻量级脚本语言，也是嵌入式语言，是一种对啊想模型语言，简称JS

想要实现复杂的效果，得依靠宿主环境提供API，最常见的是浏览器，还有服务器环境（操作系统）

语言机构+宿主环境提供的API

写js方式

写在html行内

<input type="button" value="按钮" onclick="alert(123)">

写在script中

<script>

        alert(345)

    </script>

外部引入

 <script src="1.js"></script>

变量

var a;

var a=19;

var a=19,b=9;

var str = 'hello,\'bob\'';//有符号需求要转义

类型转换

var n=5;

var s = n.toString();//数值转字符

console.log(typeof s);

var a =paraseInt('2')//字符转数字的两种方式

var a =Number('2')

操作符

===会比较数据类型，==不会比较数据类型，其他运算符用的时候查

循环和判断

直接看代码

数组

创建数组的方式：

字面量创建
```
var arr=[1,2,3,'d','c'];
```
构造函数方式创建数组
```
var arr = new array(1,2,3,4,'d');
```

多维数组

var a1=new Array(1,2,3,4,5);

var a2 = new Array(1,2,3,a1);//用另外用种方式也可以

代码

hellojs

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <!-- 1.写在html行内的js -->

    <!-- <input type="button" value="按钮" onclick="alert(123)"> -->

</body>

 <!-- 2.写在script标签内的js -->

    <!-- <script>

        alert(345)

    </script> -->

    <!-- 3.将外部js文件引入后执行 -->

    <!-- 注意：使用外部引入的方式，不需要再script里面写代码。

    写了不会报错，也不会运行-->

    <!-- <script src="1.js"></script> -->

</html>

外部引用的1.js

alert(35)

变量

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

</body>

<script>

    //声明一个变量

    // var a;

    // //赋值

    // a=18;

    // //声明且赋值

    // var b=10;

    // //一次性声明多个

    // var c=100,d=1000,e=20;

    // var temp;

    // temp=a;

    // a=b;

    // b=temp;

    // //数值，字符串，布尔，undefined，null，对象

    // var age =18;

    //有符号需求，要加上转义

    // var str = '你好，\'bob\'';

    // alert(str)

    //字符串长度

    // var s1='123';

    // console.log(str.length);

    //数值型转换为字符

    // var n=5;

    // var s=n.toString();//tostring就可以

    // // alert(n);

    // // alert(s);

    // console.log(typeof s);

    // console.log(typeof n);

    //字符型转成数值型,方法一

    // var a = parseInt('2');

    // var b = parseInt(null);//NAN

    // var c = parseInt(undefined);//NAN

    // console.log(a,b,c);

    //字符型转数值型,方法二

    var a = Number('2');

    var b= Number(null);//0

    var c=Number(undefined);//NAN

    console.log(a,b,c);

</script>

</html>

操作符

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

</body>

<script>

    //基本运算符

    // var a=3;

    // var b=2;

    // console.log(a*b);

    // console.log(a%b);

    // console.log(a+b);

    // console.log(a-b);

    //一元运算符(-- ++)

    // var a=100,b=1000;

    // a--,b++;

    // console.log(a,b);

    //比较运算符

    // var a ='2';

    // var b =2;

    //两个等号,只比较数值,三个等号,会比较数据类型

    // console.log(a==b);

    // console.log(a===b);

</script>

</html>

循环和判断

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

</body>

<script>

    //1. if

    // if(60>100){

    //     console.log(1);

    // }else if(60<=100){

    //     console.log(3);

    // }

    // console.log(2)

    //switch

    // var a=1;

    // switch(a){

    //     case 1:

    //         console.log(3);

    //         break;

    //     case 2:

    //         console.log(2);

    //         break;

    //     case 3:

    //         console.log(3);

    //         break;

    //     default:

    //         console.log('hello');

    //         break;

    // }

    //2. while循环

    // var a = 90;

    // while(a<100){

    //     console.log("success");

    //     a++;

    // }

    //

    //计算1-100的和

    // var sum =0;

    // var a=1;

    // while(a<=100)

    // {

    //     sum=sum+a;

    //     a++;

    // }

    // console.log('sum='+sum);

    // console.log('a='+a);

    //100以内7的倍数

    // var a = 1;

    // while(a<=100){

    //     if(a%7==0){

    //         console.log(a);

    //     }

    //     a++;

    // }

    //打印100以内偶数的和

    // var a=0;

    // var sum=0;

    // while(a<=100){

    //     if(a%2==0){

    //         sum = sum +a;

    //     }

    //     a++;

    // }

    // console.log('sum='+sum);

    //3. do while循环,先执行一次,再执行循环(至少会执行一次)

    // var a=10;

    // do{

    //     console.log(a);

    // }while(a>10)

    //4. for循环

    // for(var a=0;a<=10;a++){

    //     console.log(a);

    // }

    //打印一个矩阵

    // var s='';

    // for(i=0;i<10;i++){

    //     for(j=0;j<10;j++){

    //         s=s+'*';

    //     }

    //     s=s+'\n';

    // }

    // console.log(s);

    //打印倒三角

    // var s='';

    // for(var i=0;i<10;i++){

    //     for(var j=i;j<10;j++){

    //         s=s+'*';

    //     }

    //     s+='\n';

    // }

    // console.log(s);

    //99乘法表

    // var s='';

    // for(var i=1;i<10;i++){

    //     for(var j=i;j<10;j++){

    //         s=s+i+'*'+j+'='+(i*j)+'\t';

    //     }

    //     console.log('\n');

    // }

    // console.log(s);

    //5. continue,跳过所有的偶数

    // var s=0;

    // for(var i=0;i<100;i++){

    //     if(i%2==0){

    //         continue;//比如是2的话,跳回到for循环里面,然后到3

    //     }

    //     console.log(i);

    // }

    //打印在200-300之间第一个能被7整除的数字

    // for(var i=200;i<=300;i++){

    //     if(i%7==0){

    //         console.log(i);

    //         break;

    //     }

    // }

</script>

</html>

HelloJs的更多相关文章

学习angular.js的一些笔记想法(上)
1.data-ng-app与ng-app的区别 data-ng-app是为了h5不报错 2.ng-class 不多说就来拿例子说吧 html代码 <div class='color-change ...
Hello.js – Web 服务授权的 JavaScript SDK
Hello.js 是一个客户端的 Javascript SDK,用于实现 OAuth2 认证(或者基于 OAuth 代理实现的 OAuth1)的 Web 服务和查询 REST API. HelloJS ...
hybrid开发设计
hybrid方案背景大部分业务都是在不停改变的,我们希望native不发布新版本就可以让线上用户使用新功能.我们要实现这样的方式,采用h5来实现就可以满足这一要求,准确说是native里提供一个装载 ...
第一个Cocos2d-JS游戏
我们的编写的第一个Cocos2d-JS程序,命名为HelloJS,从该工程开始学习其它的内容.创建工程我们创建Cocos2d-JS工程可以通过Cocos2d-x提供的命令工具cocos实现,但这种方式 ...
JavaScript语言常量和变量
我们在以往介绍使用JavaScript编写一个HelloJS的小程序,其中我们就用到变量.常量和变量是构成表达式的重要组成部分.常量在声明和初始化变量时,在标识符的前面加上关键字const,就可以把该 ...
JavaScript语言基础-环境搭建
我们要想编写和运行JavaScript脚本,则需要:JavaScript编辑工具和JavaScript运行测试环境.下面我们分别介绍一下.JavaScript编辑工具JavaScript编辑工具最简单 ...
setTimeout 和 setInteval 的区别。
学习前端的可能都知道js有2个定时器setTimeOut和setinteval.用的时候可能不是很在意,但是2者还是有区别的 setTimeout方法是定时程序,也就是在什么时间以后干什么.干完就完了 ...
Android开发学习之路--Java和Js互相调用
随着前端的火热,以前开发的快速,越来越多的native app在其中融合了h5,就拿淘宝就是很多的h5组成的,一旦出现什么节日,他都可以不用通过更新app来实现界面的改变,而且android和io ...
开源项目ScriptGate，Delphi与JavaScript相互调用的神器
ScriptGate是一个实现TWebBrowser上的JavaScript和Delphi代码相互调用的库,具体在这里:https://bitbucket.org/freeonterminate/sc ...
webserive学习记录6-页面请求webservice
前面都是通过JAVA代码访问webservice服务,下面将介绍通过javascript,jquery访问webservice服务并介绍过过servlet解决跨域问题的方法. 服务端编写服务代码,解 ...

随机推荐

nlp入门（二）：商品信息可视化与文本分析实战
源码请到:自然语言处理练习: 学习自然语言处理时候写的一些代码 (gitee.com) 数据来源:麦卡里价格建议挑战Mercari Price Suggestion Challenge | Kaggl ...
JS中文件相关的知识（一）：MIME类型
不知道有没有同学和我一样,写代码时一遇到文件操作就犯怵,必须要先去把知识补一遍再说:对于Content-Type.responseType.ArrayBuffer.buffer.blob.file等这 ...
查看Linux系统下CPU、内存、硬盘等信息
做个记录,方便日后查看使用. 1. 查看CPU 1.1 查看CPU个数 [root@qy-ggyf-zyl-31 ~]# cat /proc/cpuinfo | grep "physical ...
Nginx 文件名逻辑漏洞（CVE-2013-4547）(Vulhub)
Nginx 文件名逻辑漏洞(CVE-2013-4547)(Vulhub) 漏洞简介在Nginx 0.8.41 ~ 1.4.3 / 1.5.0 ~ 1.5.7版本中存在错误解析用户请求的url信息,从 ...
H5用canvas放烟花
很久很久以前的一个很流行的java Applet放烟花效果,当初移到android过,这次摸鱼时间翻译成js代码,用canvas实现这么多年,终于能大致看懂这代码了, 已经实现透明效果,只需要给bod ...
MySQL 慢查询探究分析
背景: 性能测试过程中,数据库往往是造成性能瓶颈之一,而数据库瓶颈中sql 语句又是值得探究分析的一环,其中慢查询是重点优化对象,在MySQL中,慢查询是指查询执行时间较长或者消耗较多资源的查询语句 ...
CDC一键入湖：当 Apache Hudi DeltaStreamer 遇见 Serverless Spark
Apache Hudi的DeltaStreamer是一种以近实时方式摄取数据并写入Hudi表的工具类,它简化了流式数据入湖并存储为Hudi表的操作,自 0.10.0 版开始,Hudi又在DeltaSt ...
CodeIgniter 视图篇
什么是视图简单来说,一个视图其实就是一个 Web 页面,或者页面的一部分,像页头.页脚.侧边栏等. 实际上,视图可以很灵活的嵌在另一个视图里,然后这个视图再嵌在另一个视图里,等等, 如果你想使用这种 ...
简化车辆登记流程：利用腾讯云OCR实现自动化信息识别
项目中有一块,需要用到上传车牌车牌号到系统里,用了下腾讯云的ocr车牌号识别做了个小功能.通过腾讯云的orc识别,将车牌号录入到后台. 一,首先我们需要登录到腾讯云,然后搜索一下orc或者车牌号 ...
Linux系列教程——Linux发展介绍、Linux系统安装、查看Linux内核版本和系统版本、Centos7安装jdk1.8
文章目录 1 Linux发展介绍零什么是Linux 一 Linux前身二 Linux诞生三开源文化四 Linux系统特点五 Linux分支 2 Linux系统安装 Linux虚拟机安装 ...

HelloJs

JS

写js方式

变量

类型转换

操作符

循环和判断

数组

代码

hellojs

外部引用的1.js

变量

操作符

循环和判断

HelloJs的更多相关文章

随机推荐

热门专题