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

　　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. monokai-background

    foreground-color:f8f8f2 background-color:272822

  2. [原创]java WEB学习笔记41：简单标签之带属性的自定义标签(输出指定文件，计算并输出两个数的最大值 demo)

    本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当 ...

  3. python 3 模块

    python3 模块 一 .模块 1 什么是模块? 常见的场景:一个模块就是一个包含了python定义和声明的文件,文件名就是模块名字加上.py的后缀. import加载的模块分为四个通用类别: 1 ...

  4. php生成各种验证码

    片段 1 片段 2 片段 3 index.html ```<script type="text/javascript" src="jquery.min.js&quo ...

  5. 总结：iview（基于vue.js的开源ui组件）学习的一些坑

    1.要改变组件的样式 找到这个组件的class名,然后覆盖样式. 举例:修改select框,显示圆角.只需给找到类名并写样 .ivu-select-selection{ border-radius:1 ...

  6. vs2015配置boost c++

    参考:https://blog.csdn.net/zengraoli/article/details/70187556 https://blog.csdn.net/misterfm/article/d ...

  7. 计算地球上两个坐标点（经度，纬度）之间距离sql函数

    go --计算地球上两个坐标点(经度,纬度)之间距离sql函数 --作者:lordbaby --整理:www.aspbc.com CREATE FUNCTION [dbo].[fnGetDistanc ...

  8. hadoop_异常_01_ Unable to determine address of the host-falling back to "localhost" address java.net.UnknownHostException: rayner

    一.异常现象 安装好hadoop之后,执行格式化namenode命令时,抛出以下异常: // :: WARN net.DNS: Unable to determine local hostname - ...

  9. 第二章 python基础（一）

    第一节 Python文件类型 源代码 Python源代码的文件以“py”为扩展名,由Python程序解释,不需要编译 字节代码 Python源文件经编译后生成的扩展名为“pyc”的文件 编译方法 im ...

  10. PostgreSQL聚合函数的filter子句

    一张表存储了学生id,科目,分数三个字段,求每个学生60分以下与参加的总科目占比.(今天电脑不好用,图片总是这样) 其实一个count(*) filter  就可以查出来,但是没用过PG的一个人竟然说 ...