JavaScript的学习（一）

来源：互联网发布：大连知行科技有限公司编辑：程序博客网时间：2024/06/05 09:29

JavaScript作用

表单验证，减轻服务端的压力。
添加页面动画效果。
动态更改页面内容。
Ajax（异步加载）网络请求

JavaScript的组成

ECMAScript（语法规则）、DOM（操纵html）、BOM（操纵浏览器）
- es -js的语法规则部分
- dom -文档对象模型（HTML内容，js可以通过dom结构，去修改html内容）
- bom -浏览器对象模型（js不光可以操作html，还可以操作浏览器）

JavaScript语法标准

语法
变量和数据类型
运算符
逻辑控制语句
关键字、保留字、
对象

JavaScript的基本结构

<script type =“text/JavaScript”>JavaScript语句</script>

JavaScript的使用方法

行内js（最不推荐）
内部js（可放在页面任意位置。但是推荐写在body下面）
外部js
注：外部js文件头部有注释。用于注明外部js创建者。修改者日期
例：

第一个JavaScript文件

<body><button onclick="showHello()">hello world！</button></body><script>    function showHello() {        alert("hello world！");    }</script>

点击按钮。出现弹窗

JavaScript注意事项

 - 引用js的Script不要使用单标签 - 引用js的Script不要编写js代码 - 引用js的Script可放置在任意位置

JavaScript被禁用

<!--当浏览器不支持js的时候会显示该提示信息-->    <noscript>        浏览器js功能被禁用    </noscript>

JavaScript语法内容

变量
- 变量是程序中数据的临时存放场所，用来存储计算过程
- 变量的声明和赋值：
  （1）先声明变量再赋值。例：var width；width=5；
  （2）不声明直接赋值。例：width=5
  （3）同时声明变量和赋值变量 var x,y,z = 10;
- 变量的命名规则：以字母、数字、下划线和$符组成，不能以数字开头。注意：区分大小写
数据类型（都用var去定义）
- undefined（声明但未赋值）
- null（空）
- boolean（布尔类型，值只有false和true）
- number（包括整型和浮点型）
- string（字符串类型）
- object（复杂数据类型）

//undefined类型    var u ;    alert(typeof u);//bollean类型    var b = true ;    alert(typeof b);//String类型    var s = "gjh";    alert(typeof s);//number类型    var i = 2.3;    alert(typeof i);//object类型    var obj = {        name:"gjh",        age:"保密"    } ;    alert(typeof obj);//function类型    function name() {        alert("gjh");        }    alert(typeof name);

转换函数
- number()：把字符串类型的数字，转换成任何类型成为数值类型。
- parsefloat():把字符串类型的数字，转换成浮点型。
- parseint():把字符串类型的数字，转换成整形

JavaScript命名规则

国际通用的命名规则：驼峰法则。    (一：变量)  1. 单个单词的全部小写。例：var name = "gjh"; 2. 多个单词的，第一个单词全小写，其余单词首字母大写。例：    var myName = "gjh";    var  showHelloWorld = “HelloWorld”；    （二：类） 3.  全部单词的首字母都要大写。例：PersonName    （三：常量） 4.  所有单词的字母全大写。例：COUNTRYNAME  每个企业的命名不同，但都基于驼峰法则来拓展延伸。

代码注释

单行代码以//开头
多行代码以/*开头，以*/结尾

常用的输入输出

alert 为弹出提示窗口 。prompt为弹出输入窗口，可定义一个变量接收用户输入的信息实例：

<Script>    var myName = prompt("请输入姓名","张三");    alert("您的姓名是"+myName);</Script>

这里写图片描述

阅读全文

0 0