所谓勇气就是明知前方的路途充满了荆棘险阻，但还是义无反顾的的走下去。

　　1 Javasrcipt定义的三种方式

　　 ·1 head中的script脚本

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>js-01</title>

    <script type="text/javascript">

        alert('hello World!');

    </script>

</head>

<body>

    你好，body!

</body>

</html>

执行顺序是先会弹出“hello World!”,然后界面显示‘你好，body!’

　　 ·2 超链接中直接定义

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>js-02</title>

</head>

<body>

    <a href="javascript:alert(0)">我是js</a>

</body>

</html>

这个点击超链接就会执行弹出框；

　　 ·3 外部引入js的方式

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>js-03</title>

    <script type="text/javascript" src="index.js"></script>

</head>

<body>

    <div id="mydiv">this is div</div>

</body>

</html>

index.js文件很简单：

alert("你好，index.js");

但是此时会存在问题的，如果js对div标签存在一定的操作，那么会出现问题：

修改index.js文件：

alert("你好，index.js");

// 获取div的id

var id=document.getElementById("mydiv");

alert(id);

此时由于先执行Javascript脚本，但是js获取div的id时还没有执行到div的标签，那么获取的div的id就是null.此时我们可以将script定义在div的下面，或者使用window.onload（）函数来解决，此函数的功能是等待页面加载完毕之后才执行js脚本：

// 等待页面加载完毕执行js脚本

window.onload=function(){

    alert("你好，index.js");

    // 获取div的id

    var id=document.getElementById("mydiv");

    alert(id);

}

javaScript笔记01的更多相关文章

  1. javascript笔记01：javascript入门介绍

    javascript是实现网页动态效果的基石,在web开发中扮演重要的角色,被广泛应用的各个领域 (1)网页游戏 (2)地图搜索 (3)股市信息查询 (4)web聊天 …………

  2. JavaScript笔记01——数据存储（包括.js文件的引用）

    While, generally speaking, HTML is for content and CSS is for presentation, JavaScript is for intera ...

  3. JavaScript看书笔记01

    JavaScript看书笔记... ------------------- JavaScript允许var定义语句出现在函数内部的任意位置.JS中使用Var来显示的给变量声明 JavaScript是一 ...

  4. JS自学笔记01

    JS自学笔记01 1.开发工具 webstorm 2.js(javascript) 是一门脚本.解释性.动态类型.基于对象的语言 含三个部分: ECMAScript标准–java基本语法 DOM(Do ...

  5. javascript基础01

    javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有 ...

  6. 软件测试之loadrunner学习笔记-01事务

    loadrunner学习笔记-01事务<转载至网络> 事务又称为Transaction,事务是一个点为了衡量某个action的性能,需要在开始和结束位置插入一个范围,定义这样一个事务. 作 ...

  7. 《30天自制操作系统》笔记(01)——hello bitzhuwei’s OS!

    <30天自制操作系统>笔记(01)——hello bitzhuwei's OS! 最初的OS代码 ; hello-os ; TAB=4 ORG 0x7c00 ; 指明程序的装载地址 ; 以 ...

  8. 《The Linux Command Line》 读书笔记01 基本命令介绍

    <The Linux Command Line> 读书笔记01 基本命令介绍 1. What is the Shell? The Shell is a program that takes ...

  9. [Effective JavaScript 笔记] 第4条：原始类型优于封闭对象

    js有5种原始值类型:布尔值.数字.字符串.null和undefined. 用typeof检测一下: typeof true; //"boolean" typeof 2; //&q ...

随机推荐

  1. 工作中你肯定会有关于 Yii2 的小贴士用法，在下面评论分享出来吧。

    场景: 数据库有user表有个avatar_path字段用来保存用户头像路径 需求: 头像url需要通过域名http://b.com/作为基本url 目标: 提高代码复用 此处http://b.com ...

  2. PAT 天梯赛 L2-014. 列车调度 【队列】

    题目链接 https://www.patest.cn/contests/gplt/L2-014 思路 其实 每条火车道 都可以视为一个队列 满足队列的性质 当已经存在的队列 中 的列车序号 都小于 当 ...

  3. Windows命令行(DOS命令)教程

    一.命令行简介 命令行就是在Windows操作系统中打开DOS窗口,以字符串的形式执行Windows管理程序. 在这里,先解释什么是DOS? DOS——Disk Operation System 磁盘 ...

  4. Java InetAddress.getByAddress()的使用

    import java.net.*; public class NetDemo { public static void main(String[] args) throws Exception{ S ...

  5. Python问题解决记录

    Python如何进行中文注释:网址 解决Python UnicodeEncodeError: 'ascii' codec can't encode: 网址1.网址2.网址3 Python 字符串转换为 ...

  6. 系统安装记录 install OS

    上个系统很乱,基本系统是lfs7.7,上面应用都是基于lfs7.9,基本系统是才接触lfs时搭建的,打包保存后一直没怎么使用过,到lfs7.10快出来的时候有段时间有空就拿出来跑了一下,安装了一些软件 ...

  7. java深入探究05

    通讯录小程序 需求说明: 功能: 添加联系人 修改联系人 删除联系人 查询所有联系人 要求: console控制 数据保存在xml 1.创建联系人类 /** * 联系人实体对象 * @author A ...

  8. scala基本学习

    def addOne(f: Int => Int, arg: Int) = f(arg) + 1,意思是 addOne要两个参数一个是:传一个整数的参数且返回一个整形的方法的参数,第二个参数就是 ...

  9. BZOJ 3943 [Usaco2015 Feb]SuperBull：最大生成树

    题目链接:http://www.lydsy.com/JudgeOnline/problem.php?id=3943 题意: 有n只队伍,每个队伍有一个编号a[i]. 每场比赛有两支队伍参加,然后选一支 ...

  10. SQL2005 2008配置错误，无法识别的配置节 system.serviceModel machine.config配置文件有问题

    当装上2008的时候,你以前的程序突然报出你的machine.config配置文件有问题,比如 “/” 应用程序中的服务器错误. 配置错误 说明 : 在处理向该请求提供服务所需的配置文件时出错.请检查 ...