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. phpexcel图片获取

    phpexcel图片获取常见的两种方式: require_once dirname(__FILE__) . '/../Jn/PHPExcel.php'; $filePath = "123.x ...

  2. go-zero 是如何做路由管理的？

    原文链接: go-zero 是如何做路由管理的? go-zero 是一个微服务框架,包含了 web 和 rpc 两大部分. 而对于 web 框架来说,路由管理是必不可少的一部分,那么本文就来探讨一下 ...

  3. Sealos 国内集群正式上线，可一键运行 LLama2 中文版大模型！

    2023 年 7 月 19 日,MetaAI 宣布开源旗下的 LLama2 大模型,Meta 首席科学家.图灵奖得主 Yann LeCun 在推特上表示 Meta 此举可能将改变大模型行业的竞争格局. ...

  4. 《Kali渗透基础》06. 主动信息收集（三）

    @ 目录 1:服务识别 1.1:NetCat 1.2:Socket 1.3:dmitry 1.4:nmap 2:操作系统识别 2.1:Scapy 2.2:nmap 2.3:p0f 3:SNMP 扫描 ...

  5. python flask 提供web的get/post开发

    转载请注明出处: 使用python flask框架编写web api中的get与post接口,代码编写与调试示例如下: from flask import Flask, request, jsonif ...

  6. Electron包装网站的问题

    原文链接 原文链接 Preface 最近尝试了很多不错的在线工具,只是每次都要进入网站,有点麻烦,于是想到之前了解过的electron,尝试一下打包成本地应用. Contents 1.下载所有源文件 ...

  7. c++枚举详细介绍以及具体用法

    C++ 中的枚举(Enumeration)是一种用于定义命名常量集合的数据类型.枚举可以提高代码的可读性和可维护性,让您可以使用有意义的名称来表示特定的取值,而不必使用原始的数字常量. 枚举的基本语法 ...

  8. Android历史版本

    目录 [隐藏]  1 测试版 2 版本列表 2.1 Android 1.0 2.2 Android 1.1 2.3 Android 1.5 Cupcake 2.4 Android 1.6 Donut ...

  9. umich cv-4-2 经典卷积网络架构

    这节课中主要讨论了卷积神经网络的发展历史以及几种经典结构是如何构建的 卷积网络经典结构 AlexNet VGG GoogleNet Residual Network AlexNet 在2012年的时候 ...

  10. 用Rust手把手编写一个Proxy(代理), 准备篇, 动手造轮子

    用Rust手把手编写一个Proxy(代理), 准备篇, 动手造轮子 wmproxy 将实现http/https代理, socks5代理, 后续将实现websocket代理, 内外网穿透等, 会将实现过 ...