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的更多相关文章

  1. 学习angular.js的一些笔记想法(上)

    1.data-ng-app与ng-app的区别 data-ng-app是为了h5不报错 2.ng-class 不多说就来拿例子说吧 html代码 <div class='color-change ...

  2. Hello.js – Web 服务授权的 JavaScript SDK

    Hello.js 是一个客户端的 Javascript SDK,用于实现 OAuth2 认证(或者基于 OAuth 代理实现的 OAuth1)的 Web 服务和查询 REST API. HelloJS ...

  3. hybrid开发设计

    hybrid方案背景 大部分业务都是在不停改变的,我们希望native不发布新版本就可以让线上用户使用新功能.我们要实现这样的方式,采用h5来实现就可以满足这一要求,准确说是native里提供一个装载 ...

  4. 第一个Cocos2d-JS游戏

    我们的编写的第一个Cocos2d-JS程序,命名为HelloJS,从该工程开始学习其它的内容.创建工程我们创建Cocos2d-JS工程可以通过Cocos2d-x提供的命令工具cocos实现,但这种方式 ...

  5. JavaScript语言常量和变量

    我们在以往介绍使用JavaScript编写一个HelloJS的小程序,其中我们就用到变量.常量和变量是构成表达式的重要组成部分.常量在声明和初始化变量时,在标识符的前面加上关键字const,就可以把该 ...

  6. JavaScript语言基础-环境搭建

    我们要想编写和运行JavaScript脚本,则需要:JavaScript编辑工具和JavaScript运行测试环境.下面我们分别介绍一下.JavaScript编辑工具JavaScript编辑工具最简单 ...

  7. setTimeout 和 setInteval 的区别。

    学习前端的可能都知道js有2个定时器setTimeOut和setinteval.用的时候可能不是很在意,但是2者还是有区别的 setTimeout方法是定时程序,也就是在什么时间以后干什么.干完就完了 ...

  8. Android开发学习之路--Java和Js互相调用

      随着前端的火热,以前开发的快速,越来越多的native app在其中融合了h5,就拿淘宝就是很多的h5组成的,一旦出现什么节日,他都可以不用通过更新app来实现界面的改变,而且android和io ...

  9. 开源项目ScriptGate，Delphi与JavaScript相互调用的神器

    ScriptGate是一个实现TWebBrowser上的JavaScript和Delphi代码相互调用的库,具体在这里:https://bitbucket.org/freeonterminate/sc ...

  10. webserive学习记录6-页面请求webservice

    前面都是通过JAVA代码访问webservice服务,下面将介绍通过javascript,jquery访问webservice服务并介绍过过servlet解决跨域问题的方法. 服务端 编写服务代码,解 ...

随机推荐

  1. manacher（马拉车）算法C++详解

    马拉车的定义 马拉车本质是对中心扩展法(暴力算法)的优化. 马拉车是干什么的 Manacher算法帮助我们在给定的字符串中找到最长的回文子串. 为了简单起见,我们先只处理有奇数个字符的字符串,关于偶数 ...

  2. win10右键添加打开cmd窗口的命令

    创建文本文档,复制如下内容: Windows Registry Editor Version 5.00 [HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Directory\b ...

  3. centos7.X安装nginx – 东凭渭水流

    1.安装nginx需要使用root用户 2.配置nginx源 rpm -ivh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release ...

  4. python 运行环境变为 pytest in (for) xxx.py原因

    因为本人的自定义函数名称开头为test,在.py文件内我用了unittest框架,所以环境随着变化了. 修改回去很简单,只要不使用test开头或者换个文件夹.

  5. 三维模型OBJ格式轻量化压缩变形现象分析

    三维模型OBJ格式轻量化压缩变形现象分析 三维模型的OBJ格式轻量化压缩是一种常见的处理方法,它可以减小模型文件的体积,提高加载和渲染效率.然而,在进行轻量化压缩过程中,有时会出现模型变形的现象,即压 ...

  6. 在Jupyter中使用AI写代码，如有神助，太惊艳了

    昨晚看到一个可以在JupyterLab中使用的AI代码辅助工具jupyter-ai,它的交互确实非常棒,可以直接聊天,也可以就笔记中的代码提问,最出彩的是生成笔记功能,还是蛮惊艳的. 这里就极简介绍一 ...

  7. Go 上下文的理解与使用

    为什么需要 context 在 Go 程序中,特别是并发情况下,由于超时.取消等而引发的异常操作,往往需要及时的释放相应资源,正确的关闭 goroutine.防止协程不退出而导致内存泄露.如果没有 c ...

  8. 《Kali渗透基础》14. 无线渗透（四）

    @ 目录 1:相关工具 1.1:Aircrack-ng 1.1.1:airmon-ng 1.1.2:airodump-ng 1.1.3:aireplay-ng 1.1.4:airolib-ng 1.1 ...

  9. python第2~5章 学习笔记

    # 第2~5章 学习笔记 ## 什么是计算机语言 计算机就是一台用来计算机的机器,人让计算机干什么计算机就得干什么! 需要通过计算机的语言来控制计算机(编程语言)! 计算机语言其实和人类的语言没有本质 ...

  10. Makefile 入门教程

    Makefile 是一个非常强大的构建自动化工具,用于管理项目的编译.链接和其他构建任务.以下是一个详细的 Makefile 使用文档,包括基本概念.语法.示例和常见任务. 1. 基本概念 目标 (T ...