javaScript 基础学习笔记

边看视频和书记得有点杂。

  1.插入JS标签

  一种是在文档中插入<script></script>标签。另一种是把javaScript代码放在.js文件中。放在head中如。

<script src="file.js"></script>

放在body中也可以,JavaScript作为一种脚本语言,可以放在HTML文件中任何的位置,但是浏览器解释HTM时顺序是按先后顺序的。前面的script就先执行。比如页面进行初始化的时候解释必须放在head中,因为初始花的都要求提前执行(如给页面设置css等)。如果执行事件调用,对位置就没有什么要求。

  2.零碎注意

  ①;可以不写,知道就行但是必须写,不写编译易出错。

  ② 注释和java一样 ,HTML注释也可以不用-->结束但是只能用作单行注释。

  ③需要转义的字符

代码   输出
\\   \
\‘  
\"   "
\n   换行
\t   制表

  ④null代表空置  undefined 意味着没有值 没有复制就返回这个 NAN 表示非数字 通常返回表示数字运算存在错误。

  ⑤绝对相等

    在JavaScript中最好使用绝对相等。判断数字、字符串、或者布尔型、等类型和值是否完全相等。只需要在==、!=末尾加一个=就可以。

  ⑥真值和假值 除了 false, null ,undefined ,0 ,NAN ," ",之外的全是真值。

  ⑦返回值 函数的返回值可以存储在变量中或整个程序期间作为参数使用。

3.变量

语法 var 变量名

 变量名可以任意区但是有以下规则,必须以字母下划线$开始,可以用任意多个字母下划线。但是不能用JavaScript关键字和JavaScript保留字。

要先声明再赋值例子如下

var mychar;
mychar="javaScript";
var mynum=6;
//也可重复赋值
var mychar ;
mychar="javaScript";
mychar="hello";

在JavaScript中区分大小写 mychar和MYchar是完全不同的。 var 可以声明也可以不声明,但是呢,知道什么叫做全局变量和局部变量吧。不声明会变成全局变量,能把你的程序搞懵逼。

4.if else 语句

这个很简单例子

<script type="text/javascript">
    var age=18;
    if(age>=18){
    document.write("成年");
   }else{
    docunment.write("未成年")
   }

</script>

 5.函数

如果需要多次使用同一段代码,可以把它们封装成一个函数。每个函数其实就是一个短小的脚本。

例子

function shout(){
 var beatles =Arry{"老大","老二","小三"};
 for(var i=0;i<beatles.length;i++){
 alert(beatles[i]);
 }
}

例子2调用函数

 1 <script>
 2     var a=5;
 3     var b=6;
 4     function add2(){
 5     var sum;
 6     sum=a+b;
 7     alert(sum);
 8     }
 9     add2();
10 </script>
11 <form>
12     <input type="button" value="点我啊" onclick="add2()">
13 </form>

6.输出内容

我学了几个输出的方法

①直接输出 document.write("string");

②通过输出变量来输出内容 document.write(变量);

③输出多项内容用+号链接

var a="hello";

var b="name";

document.write(a+b);

我在控制台输出了 你没有空格 就会连在一起。

页面输出也是这个样子

④ 输出HTML标签

var a="hello";

var b="name";

document.write(a+"<br>");document.write(a+"<br>");

7.警告

语法 alert 字符串和变量);

例子

<script>
    var mynum=30;
    alert("hello!");
    alert(mynum);
</script>

实例图片

8.确认 (confirm 消息对话框)

语法 confirm (str);

str :在消息对话框中需要显示的文本。

返回值:booblean值;

当用户点击确定返回true 当用户点击取消返回false;

例子

1 var mymessage=confirm("你喜欢我吗?");
2 if (mymessage===true){
3   document.write("么么哒 (*  ̄3)(ε ̄ *) ");
4 }else {
5   document.write("你走开!!");
6 }

图片

9.提问。(prompt 消息对话框)

语法 prompt(str1,str2)

str1,要显示在消息对话框中的文本,不可修改

str2,文本框中的内容可以修改

例子

 var myname=prompt("请输入你的名字","例如张三");
 if (myname!=null) {
   alert("你好啊"+myname);
 }else {
   alert("你确定输入正确?");
 }

10.打开新窗口

语法 window.open([URL],[窗口名],[参数字符串])

①URL 在窗口中要显示的网页路径 如果省略窗口将不显示任何文档。

②窗口名 由字母数字下划线字符组成。_blank:在新窗口显示目标网页

_self:在当前窗口打开目标网页

                 _top:框架网页中在上部窗口显示目标网页

③参数字符串,可选参数,设置窗口参数,各参数用逗号隔开。具体值

(从慕课网找的。。。)

例子

window.open(‘http://www.baidu.com‘,‘_blank‘,‘width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes‘)

11.关闭窗口 (window.close)

 var mywin=window.open(‘http://www.baidu.com‘); //将新打的窗口对象,存储在变量mywin中
   mywin.close();

语法 window.close//关闭本

  <窗口对象>.close//关闭指定

12.数组

定义①知长度 var beatles=Array(4);②不知长度 var beatles=Array();③向数组中添加元素 array[0]="1";④声明全过程。 var web=["百度",“腾讯”,“阿里”];//还有别的声明我就不说了

数组的元素也可是变量 var name="小胖"; list[0]=name;

数组元素也是另一个数组的元素,也可是另一个数组。

关联数组

var rota=Array();
      rota["name"]="小胖";
      rota["class"]="三年级一班";

下表是字符串

数组属性

push  你可以使用push()方法向数组的末尾处添加元素

返回的是数组中元素的个数;

pop 可以删除数组末尾的元素。

返回的是删除的元素值

splice可以在数组的任意位置添加元素

第一个1是要插入位置的下表 第二0是要删除的个数,后面就是要插入的元素值。

13.三元运算

例子

var win=true;
var color=win?"green":"rad";
console.log(color);

14对象。

每个对象的值都是对象的一个属性,用点获取属性。

例子

var lennon=Object();
lennon.name="小胖";
lennon.year=1999;
console.log(lennon.name);//便捷的定义对象var lennon={  name="小胖";  year=1999;}

时间: 2024-10-28 19:11:24

javaScript 基础学习笔记的相关文章

Javascript基础学习笔记

什么是变量?变量是用于存储信息的容器变量的声明语法: var 变量名 变量名 = 值;变量要先声明再赋值变量可以重复赋值变量的命名规则变量必须以字母开头:变量也能以$和_符号开头(不过我们不推荐这么做):变量名称对大小写敏感(a和A是不同的变量). 语句语句以一个分号结尾:如果省略分号,则由解析器确定语句的结尾.有个好的编码习惯,都要以 ; 结尾 数据类型在JavaScript中,一段信息就是一个值(value).值有不同的类型,大家最熟悉的类型是数字.字符串(string)值是包围在引号中的一

ASP.Net MVC开发基础学习笔记(3):Razor视图引擎、控制器与路由机制学习

首页 头条 文章 频道                         设计频道 Web前端 Python开发 Java技术 Android应用 iOS应用 资源 小组 相亲 频道 首页 头条 文章 小组 相亲 资源 设计 前端 Python Java 安卓 iOS 登录 注册 首页 最新文章 经典回顾 开发 Web前端 Python Android iOS Java C/C++ PHP .NET Ruby Go 设计 UI设计 网页设计 交互设计 用户体验 设计教程 设计职场 极客 IT技术

ASP.Net MVC开发基础学习笔记:三、Razor视图引擎、控制器与路由机制学习

一.天降神器“剃须刀” — Razor视图引擎 1.1 千呼万唤始出来的MVC3.0 在MVC3.0版本的时候,微软终于引入了第二种模板引擎:Razor.在这之前,我们一直在使用WebForm时代沿留下来的ASPX引擎或者第三方的NVelocity模板引擎. Razor在减少代码冗余.增强代码可读性和Visual Studio智能感知方面,都有着突出的优势.Razor一经推出就深受广大ASP.Net开发者的喜爱. 1.2 Razor的语法 (1)Razor文件类型:Razor支持两种文件类型,分

js基础学习笔记(二)

2.1  输出内容(document.write) document.write() 可用于直接向 HTML 输出流写内容.简单的说就是直接在网页中输出内容. 第一种:输出内容用“”括起,直接输出""号内的内容. <script type="text/javascript"> document.write("I love JavaScript!"); //内容用""括起来,""里的内容直接输出.

js基础学习笔记(一)

* 在js编写过程中,尽量保持统一使用单引号 'XXXX': * 所有变量都要声明 var,避免全局函数调用的冲突: 1.1    输出内容 docment.write(‘aileLi’); 改变某ID元素样式 docment.getElementById(‘ID’).style.color=’样式参数’; 1.2   输出弹出框 alert(‘aileLi’); 1.5  什么是变量?  从字面上看,变量是可变的量: 从编程角度讲,变量是用于存储某种/某些数值的存储器. 定义变量使用关键字va

js基础学习笔记(三)

3.1 认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构(节点树). 先来看看下面代码: 将HTML代码分解为DOM节点层次图: HTML文档可以说由节点构成的集合,三种常见的DOM节点: 1. 元素节点:上图中<html>.<body>.<p>等都是元素节点,即标签. 2. 文本节点:向用户展示的内容,如<li>...</li&g

ASP.Net MVC开发基础学习笔记:二、HtmlHelper与扩展方法

一.一个功能强大的页面开发辅助类—HtmlHelper初步了解 1.1 有失必有得 在ASP.Net MVC中微软并没有提供类似服务器端控件那种开发方式,毕竟微软的MVC就是传统的请求处理响应的回归.所以抛弃之前的那种事件响应的模型,抛弃服务器端控件也理所当然. 但是,如果手写Html标签效率又比较低,可重用度比较低.这时,我们该怎样来提高效率呢?首先,经过上篇我们知道可以通过ViewData传递数据,于是我们可以写出以下的Html代码: <input name="UserName&quo

JavaScript正则表达式学习笔记之一 - 理论基础

自从年前得空写了两篇文章之后就开始忙了,这一忙就是2个月??.当时信誓旦旦说的定期写篇博客的计划也就泡汤了??,不过好在最近有空,顺便总结一下这两个月遇到的几个问题.第一个问题就是项目中用到了一些正则才发现之前被自己忽略的正则是时候补一补了.恰逢今天周六??,就把自己学习JavaScript正则表达式的笔记整理成文,写了这篇关于正则表达式理论基础的文章,希望本文能对有需要的同学提供帮助.号外:本文相对基础,大神请忽略??. 一. 基本概念 正则表达式是用于匹配字符串中字符组合的模式. 一种几乎可

HTML&CSS基础学习笔记8-预格式文本

<pre>标签的主要作用是预格式化文本.被包围在 pre 标签中的文本通常会保留空格和换行符.而文本也会呈现为等宽字体. <pre>标签的一个常见应用就是用来表示计算机的源代码.当然你也可以在你需要在网页中预显示格式时使用它. 会使你的文本换行的标签(例如<h>.<p>)绝不能包含在 <pre> 所定义的块里.尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为在所有浏览器上并不都是一样的. 更多学习内容,就在码芽网http://www.