声明：此博客仅供记录自己的学习记录和随笔，看看就行了，就图一乐！

 

本篇学习随笔来自JavaScript 菜鸟教程：https://www.runoob.com/js/js-howto.html

  • JavaScript用法：

<script>标签：

　　①HTML中的脚本必须位于<script> ??? </script>之间

　　②在HTML页面中需要插入JavaScript的话，需要写在<script>标签之间

例如：

<script>

alert("我的第一个 JavaScript");

</script>

  • JavaScript输出

JavaScript显示数据

　　①window.alter()弹出警告框

　　②document.write()方法将内容写到HTML文档中

　　③使用innerHTML写入到HTML元素中

　　④使用Console.log()写入浏览器的控制台中

例如：

<!DOCTYPE html>

<html>

<body>

<h1>我的第一个页面</h1>

<p>我的第一个段落。</p>

<script>

window.alert(5 + 6);

</script>

</body>

</html>

HTML元素

　　在JavaScript中如果需要访问HTML中的某个元素时，通过document.getElementByid(id)方法，通过使用 “id” 属性来表示HTML中的元素，并通过 innerHTML 来获取或插入元素内容

例如：

<!DOCTYPE html>

<html>

<body>

<h1>我的第一个 Web 页面</h1>

<p id="demo">我的第一个段落</p>

<script>

document.getElementById("demo").innerHTML = "段落已修改。";

</script>

</body>

</html>

  • JavaScript语法

JavaScript字面量

　　一般固定值称为字面量，如3.14，“John”, 1+1, [1,2,3,4]以及对象，函数等等

JavaScript变量

　　JavaScript中使用关键字 var 来定义变量，使用 = 来给变量赋值

JavaScript操作符

赋值，算术和位运算  = + - * / 在JS运算符中描述
条件，比较及逻辑运算符 ==  !=  <  > 在JS比较运算符中描述

JavaScript语句

　　在HTML中，JavaScript每个语句都使用 ；来分隔

JavaScript关键字

JavaScript注释

　　单行注释: //

　　多行注释：  /*   */

JavaScript数据类型

　　Number 数字，String 字符串， Array 数组，  Object 对象 等等

var length = 16;                                  // Number 通过数字字面量赋值

var points = x * 10;                              // Number 通过表达式字面量赋值

var lastName = "Johnson";                         // String 通过字符串字面量赋值

var cars = ["Saab", "Volvo", "BMW"];              // Array  通过数组字面量赋值

var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值

  • JavaScript语句

JavaScript语句标识符

  • JavaScript变量

声明JavaScript变量

　　①使用 var 来声明，后再赋值

　　②使用 var 来声明的同时赋值

  • JavaScript数据类型

基本数据类型：

　　字符串（String）、数字（Number）、布尔（Boolean)、对空（Null)、未定义（Undefined）、Symbol

引用数据类型

　　对象（Object）、数组（Array）、函数（Function）

JavaScript拥有动态类型

var x;               // x 为 undefined

var x = 5;           // 现在 x 为数字

var x = "John";      // 现在 x 为字符串

JavaScript数组

var cars=new Array();

cars[0]="Saab";

cars[1]="Volvo";

cars[2]="BMW";

var cars=new Array("Saab","Volvo","BMW");

JavaScript对象

var person={firstname:"John", lastname:"Doe", id:5566};

var person={

firstname : "John",

lastname  : "Doe",

id        :  5566

};

　　对象属性有两种寻址方式：

name=person.lastname;

name=person["lastname"];

声明变量类型

　　声明新的变量使用 new

var carname=new String;

var x=      new Number;

var y=      new Boolean;

var cars=   new Array;

var person= new Object;

  • JavaScript对象

访问对象属性的两种方式：

　　①person.lastname

　　②person["lastname"]

访问对象方法

　　创建对象方法：

methodName : function() { code lines }

　　访问对象方法：

objectName.methodName()

  • JavaScript函数

function functionname()

{

    // 执行代码

}

调用带参数的函数

//声明

function myFunction(var1,var2)

{

代码

}

//调用

myFunction(argument1,argument2)

带有返回值的函数

//声明

function myFunction()

{

    var x=5;

    return x;

}

//调用

var myVar=myFunction();

document.getElementById("demo").innerHTML=myFunction();

局部JavaScript变量

　　在JavaScript函数中声明（ var ）的局部变量，只能在函数内部访问它，

全局JavaScript变量

　　在函数外部声明的变量是全局变量，网页上的所有脚本和函数都能访问它。

  • JavaScript作用域

JavaScript作用域

　　在JavaScript中，对象和函数同样也是变量

　　在JavaScript中，作用域为可访问变量，对象，函数的集合

　　JavaScript函数作用域：作用域在函数内修改

  • JavaScript事件

HTML事件

　　HTML事件可以是浏览器行为，也可以是用户行为

　　　　①HTML页面完成加载

　　　　②HTML input字段改变时

　　　　③HTML按钮被点击

常见的HTML事件

更多事件列表：https://www.runoob.com/jsref/dom-obj-event.html

J2EE之JavaScript(1)的更多相关文章

  1. [简历] JAVA 软件工程师

    首先,一份好的简历不光说明事实,更通过FAB模式来增强其说服力. Feature:是什么 Advantage:比别人好在哪些地方 Benefit:如果雇佣你,招聘方会得到什么好处 其次,写简历和写议论 ...

  2. j2ee学习笔记 javascript 学习

    JavaScript 组成: ECMAScript + BOM + DOM Window对象是JS中的顶层对象 ECMAScript: 规定了一些语法,变量,for循环等等结构 BOM: Browse ...

  3. 达到J2EE在后台action控制接待javascript弹出的对话框

    1.后台Action于: request.setAttribute("message", "这项username要么password错误,请重新输入!"); 2 ...

  4. 滑动验证的设计与实现J2EE

    滑动验证的设计与实现J2EE 注:本博文为博主原创,转载请注明出处. 项目源码地址:https://github.com/zhangxy1035/Verify 本篇博文的主要目录如下: 一.项目简介二 ...

  5. javascript 技巧总结积累（正在积累中）

    1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect:当文字加亮后,产生该文件 & ...

  6. 【超全整理】J2EE集成开发环境MyEclipse使用心得汇总

    一.首先我们为什么需要MyEclipse? 下面允许我做一些简要的介绍: 应该大家都知道另一个MyEclipse的近亲——Eclipse的优点:免费.程序代码排版功能.有中文汉化包.可增设许多功能强大 ...

  7. J2EE学习路线图

    一:J2SE 面向对象-封装.继承.多态 内存的分析 递归 集合类.泛型.自动打包与解包.Annotation IO 多线程.线程同步 TCP/UDP AWT.事件模型.匿名类 正则表达式 反射机制 ...

  8. 常用的Javascript设计模式

    <parctical common lisp>的作者曾说,如果你需要一种模式,那一定是哪里出了问题.他所说的问题是指因为语言的天生缺陷,不得不去寻求和总结一种通用的解决方案. 不管是弱类型 ...

  9. J2EE、J2SE、J2ME是什么意思？

    本文介绍Java的三大块:J2EE.J2SE和J2ME.J2SE就是Java2的标准版,主要用于桌面应用软件的编程:J2ME主要应用于嵌入是系统开发,如手机和PDA的编程:J2EE是Java2的企业版 ...

随机推荐

  1. C#LeetCode刷题之#383-赎金信（Ransom Note）

    问题 该文章的最新版本已迁移至个人博客[比特飞],单击链接 https://www.byteflying.com/archives/3937 访问. 给定一个赎金信 (ransom) 字符串和一个杂志 ...

  2. Golang gRPC学习(03): grpc官方示例程序route_guide简析

    代码主要来源于grpc的官方examples代码: route_guide https://github.com/grpc/grpc-go/tree/master/examples/route_gui ...

  3. 对比两张Excel表数据差异时，遇到数据雷响不一致

    表A中为文本(有绿色三角符号),表B为数字(没有三角符号),而自动对比时会检查数据类型,怎么办? 执行对比: 得到结果: 这时候要解决类型问题(即绿色三角形标志) 点击灰色区域全选 哪个黄色感叹号可以 ...

  4. 【ZJOI2007】棋盘制作 - 悬线法

    题目描述 国际象棋是世界上最古老的博弈游戏之一,和中国的围棋.象棋以及日本的将棋同享盛名.据说国际象棋起源于易经的思想,棋盘是一个 \(8 \times 8\) 大小的黑白相间的方阵,对应八八六十四卦 ...

  5. R 安装包的方法

    install.packages(packageName) install.packages(path_to_file, repos = NULL, type="source") ...

  6. ClickHouse 参数配置

    转载自:https://xw.qq.com/cmsid/20200806A0PQ7X00?ADTAG=amp 在 ClickHouse 进程中,CPU 的主频越高越好,通常建议使用 32 以上的机型, ...

  7. 区块链入门到实战（23）之以太坊(Ethereum) – 虚拟机架构

    以太坊(Ethereum)网络中,定义了一组通用协议用于支持智能合约的运行,其核心便是以太坊(Ethereum)虚拟机. 下图解释了该架构: 开发人员使用Solidity等开发语言开发智能合约 源程序 ...

  8. Python 带你一键生成朋友圈超火的九宫格短视频

    1. 场景 如果你经常刷抖音和微信朋友圈,一定发现了最近九宫格短视频很火! ​从朋友圈九宫格图片,到九宫格视频,相比传统的图片视频,前者似乎更有个性和逼格 除了传统的剪辑软件可以实现,是否有其他更加快 ...

  9. React的几种组件

    一.函数组件 该函数在React中是一个有效的组件,可以接收唯一带有数据的props(代表属性)对象,并返回一个React元素.函数式组件要特别注意,组件名称首字母一定要大写.这种方式也成为无状态组件 ...

  10. Spring Boot 通过CORS实现跨域

    同源策略 很多人对跨域有一种误解,以为这是前端的事,和后端没关系,其实不是这样的,说到跨域,就不得不说说浏览器的同源策略. 同源策略是由 Netscape 提出的一个著名的安全策略,它是浏览器最核心也 ...