javascript开发技术大全 第2章 开始JAVAScript之旅

2.1 选择适合自已的编辑工具
1.记事本 2. Ultra Edit32 :有对关键辽着色、自动更正关键字 3.EditPlus：把浏览器嵌入了自已的窗口中，可随时浏览网页效果。
4.1st JavaScript Editor ,除了有着色处，还有html标签、属性、javascript事件、函数，另外还可调用外部编辑来编辑网页，也可将常用浏览器内置在窗口中。
下载地址 1stJavaScript Editor 3.8特别版5.Dreamweaver 6.其它工具，frontpage、netscape自带的编辑器。
2.2 在Html中插入javascript
2.2.1 在html文档中插入javascipt

在HTML代码中插入JavaScript代码

document.write("使用JavaScript输出的文字
");

本行是HTML中的文字。

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

2.2.2 javascipt的解析次序

是按书写次序解析执行的。
2.2.3 script元素属性




















属性名                                属性说明                          
    charset                脚本的字符集
    defer                 先装载后解析
    language                脚本的语言
    src               外部脚本文件地址
    type                脚本的类型
2.2.4 设置脚本语言名


代码如下:

<script language="javascript">
documnet.write("使用javascript输出的文字<br>“）；
</script>

在html中可以设置不同的脚本语言。
2.2.5 设置脚本语言的版本
2.2.6 设置脚本语言类型
2.2.7 引用外部脚本文件
用到script元素的src属性，值应为url
使用外部脚本有以下几个优势：
1.简化html代码
2.编程模块化
3.代码易于维护
4.增加安全性
5 加速浏览
6 引用服务器文件。
2.2.8 边装载边解析与先装载后解析
在<script>的标签中添加defer属性，那么结果是先装载后解析

在HTML代码中插入JavaScript代码

alert("使用javascript代码弹出的注意框");

本行是html中的文字。

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

2.3 javascript的注释
//被注释的语句
/* */
2.4 不支持客户端脚本语言的处理方法
<!--yyyyyyyy-->
2.5 调用与执行javascript代码的方式
1.直接执行的javascript代码
2.直接调用函数
3使用javascript:语句调用
4.通过事件调用


代码如下:

<html>
<head>
<title>通过事件调用</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>
<a href="#" onclick="javascript:alert('您好！')">这是一个超链接</a><br>
<a href="#" onclick="alert('您好！')">这是另一个超链接</a><br>
<input type="button" value="按钮" onclick="javascript:alert('您好')">
<input type="button" value="另一个按钮" onclick="alert('您好')">
</body>
</html>

2.6 调试javascript
2.7 注意事项
1.区分大小写
2.表示语句结束：加;号，或加换行符
本单元完毕。

赞 (0)

相关推荐

  • javascript开发技术大全 第2章 开始JAVAScript之旅

    2.1 选择适合自已的编辑工具 1.记事本 2. Ultra Edit32 :有对关键辽着色.自动更正关键字 3.EditPlus:把浏览器嵌入了自已的窗口中,可随时浏览网页效果. 4.1st JavaScript Editor ,除了有着色处,还有html标签.属性.javascript事件.函数,另外还可调用外部编辑来编辑网页,也可将常用浏览器内置在窗口中. 下载地址 1stJavaScript Editor 3.8特别版5.Dreamweaver 6.其它工具,frontpage.nets

  • javascript开发技术大全 第4章 直接量与字符集

    4.1 字符串直接量 1.字符串直接量 .可以是0个或多个. .字符串必须写在同一行.太长用+号 .用于界定开始与结束双引号和单引号必须匹配 2.字符串中的转义字符      转义字符 所代表的字符 \' 单引号 \" 双引号 \\ 反斜杠 \b 退格符 \f 换页符 \n 换行符 \r 回车符 \t 水平制表符 \v 垂直制表符 \xXX 由2位十六进制(xx)指定的latin-1字符 \XXX 由1位到3位的八进制(1-377)指定的latin-1字符 \UXXXX 由4位十六进制数(xxx

  • javascript开发技术大全－第1章javascript概述

    1.1略 1.2版本.略 1.3 javascript与浏览器 略 1.4 javascript 作用 摘自<3Cschool> JavaScript 能做什么? JavaScript 为 HTML 设计师提供了一种编程工具 HTML 创作者往往都不是程序员,但是 JavaScript 却是一种只拥有极其简单的语法的脚本语言!几乎每个人都有能力将短小的代码片断放入他们的 HTML 页面当中. JavaScript 可以将动态的文本放入 HTML 页面 类似于这样的一段 JavaScript 声

  • javascript开发技术大全－第3章 js数据类型

    3.1 基本数据类型 1.字符串类型(string) :由unicode字符.数字.标点符号组成,在javascript中没有char字符类型 ,即使只表示一个字符,也必须用到字符串 2数字型(number):不区分整型和浮点型 3.布尔型(boolean) 3.2复合数据类型 1.数组(array):数组元素:放在数组中的数据称为数组元素. 数组下标:从0开始编号 读:arr[0]; 赋值:arr[1]=120; 2.对象: 对象名.属性名 对象名.方法名() 3.3其它有数据类型 函数: 1

  • JavaScript ECMA-262-3 深入解析.第三章.this

    介绍 在这篇文章里,我们将讨论跟执行上下文直接相关的更多细节.讨论的主题就是this关键字. 实践证明,这个主题很难,在不同执行上下文中确定this的值经常会发生问题. 许多程序员习惯的认为,在程序语言中,this关键字与面向对象程序开发紧密相关,其完全指向由构造器新创建的对象.在ECMAScript规范中也是这样实现的,但正如我们将看到那样,在ECMAScript中,this并不限于只用来指向新创建的对象. 下面让我们更详细的了解一下,在ECMAScript中this的值到底是什么? 定义 t

  • AJAX开发技术在PHP开发中的简单应用技巧

    [AJAX介绍] Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法.Web页面不用打断交互流程进行重新加裁,就可以动态地更新.使用Ajax,用户可以创建接近本地桌面应用的直接.高可用.更丰富.更动态的Web用户界面. 异步JavaScript和XML(AJAX)不是什么新技术,而是使用几种现有技术--包括级联样式表(CSS).JavaScript. XHTML.XML和可扩展样式语言转换(XSLT),开发外观及操作类似桌面软件的Web应用软件. [AJAX执行原理] 一个Aja

  • 浅谈AJAX开发技术

    浅谈AJAX开发技术

    AJAX(Asynchronous JavaScript and XML,异步JavaScript和XML),AJAX并不是一项新的技术,它产生的主要目的是用于页面的局部刷新,从之前的代码开发来看,读者可以发现,每当用户向服务器端发出请求时,那怕需要的只是简单的更新一点点的局部内容,服务器端都会将一个整体的页面进行刷新,并重新生成代码,这样一来程序的性能肯定会有所降低的,而如果采用了AJAX技术之后,就可以实现局部的内容变更,而不用再进行整体的页面刷新,显然处理的性能要比前者高很多 . 在AJA

  • 弱类型语言javascript开发中的一些坑实例小结【变量、函数、数组、对象、作用域等】

    本文实例讲述了弱类型语言javascript开发中的一些坑.分享给大家供大家参考,具体如下: 测试1: (未声明变量自动提升为全局变量) test1(); function test1() { function setName() { name = '张三'; // 此处没有var声明,提升至全局 } setName(); console.log(name);// '张三' } 测试2: (函数内部局部变量的变量提升) test2(); function test2() { var a = 1;

  • 浅谈鸿蒙 JavaScript GUI 技术栈

    作者:doodlewind 链接:https://juejin.im/post/6872154561574862855 众所周知,刚刚开源的「鸿蒙 2.0」以 JavaScript 作为 IoT 应用开发的框架语言.这标志着继 SpaceX 上天之后,JavaScript 再一次蹭到了新闻联播级的热点.这么好的机会,只拿来阴阳怪气实在太可惜了.作为科普,这篇文章不会拿着放大镜找出代码中的槽点来吹毛求疵,而是希望通俗地讲清楚它所支持的 GUI 到底是怎么一回事.只要对计算机基础有个大概的了解,应该

  • javascript 开发之网页兼容各种浏览器

    javascript 开发之网页兼容各种浏览器 前言: 关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助. 一.CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) <style> #wrapper { width: 100px!imp

随机推荐