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. Avalonia 实现聊天消息渲染、图文混排（支持Windows、Linux、信创国产OS）

       在实现即时通讯软件或聊天软件时,渲染文字表情.图文混排是一项非常繁琐的工作,再加上还要支持GIF动图.引用消息.撤回消息.名片等不同样式的消息渲染时,就更加麻烦了. 好在我们可以使用 ESFra ...

  2. 【io_uring】内核源码分析（更新中）

    文章目录 `io_uring` 系统调用 `io_uring_setup` `io_uring_setup` `io_uring_create` `io_sq_offload_start` 系统调用 ...

  3. 如何使用Grid中的repeat函数

    在本文中,我们将探索 CSS Grid repeat() 函数的所有可能性,它允许我们高效地创建 Grid 列和行的模式,甚至无需媒体查询就可以创建响应式布局. 不要重复自己 通过 grid-temp ...

  4. Python 遍历字典的若干方法

    哈喽大家好,我是咸鱼 我们知道字典是 Python 中最重要且最有用的内置数据结构之一,它们无处不在,是语言本身的基本组成部分 我们可以使用字典来解决许多编程问题,那么今天我们就来看看如何在 Pyth ...

  5. ShardingSphere实战

    前言 本文主要从sharding最新版本5.1.2版本入手搭建,按主键ID和时间进行分表. 本文主要介绍搭建过程,有兴趣了解shardingsphere的同学可以先自行查阅相关资料. shardsph ...

  6. PHP对关联数组(键值对数组)遍历循环

    PHP对关联数组循环遍历 $arr=array('yxb'=>20,'ylg'=>21,'lgj'=18); foreach($arr as $name=>$value) { ech ...

  7. 【krpano】淘宝buy+案例

    这是一个类似淘宝buy+的案例,是基于krpano全景开发工具二次开发的全景视频.WebVR.360°环物.全景视频热点添加于一身的综合性案例.现在将案例上传网站供krpano技术人员和爱好者大家共同 ...

  8. doris建表报错 errCode = 2, detailMessage = Scale of decimal must between 0 and 9. Scale was set to: 10

    doris建表报错 问题背景 当我从Mpp库向doris库中导数据时,需要先创建对应的数据表,将Mpp库中表的建表语句略作修改后,在doris服务器上运行 CREATE TABLE opt_conne ...

  9. Z-Blog火车头免登录发布教程+插件3.2+支持最新Z-Blog1.7

    Z-Blog免登录采集评论,之前没有加入评论接口,今天把评论接口写好了,写一下简单的教程,(采集评论规则是一件很麻烦的事)有时候采集文章的时候也采集评论,今天教大家怎样用我的Z-Blog免登录采集插件 ...

  10. chatgpt 非常不稳定

      写一个飞机大战游戏       很抱歉,作为一名语言模型,我没有具体的编程功能,无法直接为您编写一个飞机大战游戏.不过,我可以为您提供一些创建飞机大战游戏的一般步骤和建议. 设计游戏元素 首先,您 ...