讲给Android程序员看的前端教程(23)——JavaScript简介

来源：互联网发布：怎样在淘宝整点抢衣服编辑：程序博客网时间：2024/05/18 11:48

探索Android软键盘的疑难杂症
深入探讨Android异步精髓Handler
详解Android主流框架不可或缺的基石
站在源码的肩膀上全解Scroller工作机制

Android多分辨率适配框架（1）— 核心基础
Android多分辨率适配框架（2）— 原理剖析
Android多分辨率适配框架（3）— 使用指南

自定义View系列教程00–推翻自己和过往，重学自定义View
自定义View系列教程01–常用工具介绍
自定义View系列教程02–onMeasure源码详尽分析
自定义View系列教程03–onLayout源码详尽分析
自定义View系列教程04–Draw源码分析及其实践
自定义View系列教程05–示例分析
自定义View系列教程06–详解View的Touch事件处理
自定义View系列教程07–详解ViewGroup分发Touch事件
自定义View系列教程08–滑动冲突的产生及其处理

版权声明

本文原创作者：谷哥的小弟
作者博客地址：http://blog.csdn.net/lfdfhl
本文视频教程：http://www.stay4it.com/my/course/37

JavaScript概述

绝大部分人头一回看到JavaScript的时候都会觉得JavaScript是Java的一个分支。然而，非也；两者之间并没有多大的关系。其实，在这门语言设计之初Netscape将其命名为LiveScript，之后才改成了现在的名字JavaScript。嗯哼，化解这个小误解之后我们来瞅瞅JavaScript的真正面目。

JavaScript是一种广泛应用于浏览器的编程语言；入门容易，功能强大，操作简单，即使是程序设计新手也可以快速地使用JavaScript进行简单的编程。
JavaScript可被嵌入到HTML文件中，使网页更好地与用户交互，提升用户体验
JavaScript是一种基于对象和事件驱动，并具有安全性能的脚本语言。

概括地讲：JavaScript是一门运行在浏览器的脚本编程语言

JavaScript特点

简单易用
可使用文本编辑工具编写，只需浏览器就可执行程序
解释执行
程序运行前不编译，而是在程序的运行过程中逐行进行解释
基于对象
不仅可以创建对象，也能使用现有的对象
跨平台
支持绝大多数浏览器，可在多平台下运行(如Windows、Linux、Mac、Android、iOS)

JavaScript的组成

JavaScript可大概分成三部分：

ECMAScript：JavaScript的语法标准
DOM：JavaScript操作网页上元素的API
BOM：JavaScript操作浏览器的部分功能的API

JavaScript常见写法

JavaScript有两种常见的写法，分别介绍如下

外链式写法

<!DOCTYPE html><!-- 本文作者：谷哥的小弟 --><!-- 博客地址：http://blog.csdn.net/lfdfhl --><html lang="en"><head>    <meta charset="utf-8">    <title>JS的写法</title>    <script type="text/javascript" src="test.js">    </script></head><body></body></html>

将JavaScript相关代码写在.js文件中
请以分号”;”结束每一行JavaScript代码
利用<script></script>的src属性链接.js文件
为提高浏览器的解析效率，尽量将多个js文件合并成一个js

内嵌式写法

<html>    <script type="text/javascript">    //此处为JS代码    </script></html>

将<script></script>置于HTML中
在<script></script>标签内写JavaScript的相关代码
请以分号”;”结束每一行JavaScript代码

在开发中为便于代码的修改和维护推荐大家采用外链式写法书写JavaScript代码。但是，在本教程中为了方便，我采用内嵌式写法。

JavaScript之Hello World

好了，在对JavaScript有了最朦胧的初步了解之后；按照国际惯例，我们写一个JavaScript的Hello World程序

利用alert( )弹出信息

<!DOCTYPE html><!-- 本文作者：谷哥的小弟 --><!-- 博客地址：http://blog.csdn.net/lfdfhl --><html lang="en"><head>    <meta charset="utf-8">    <title>Hello World</title></head><body>    <script type="text/javascript">    alert("Hello World");    </script></body></html>

运行后，效果如下图所示：

这里写图片描述

在此，利用alert( )在网页中弹出提示消息。

利用confirm( )显示确认对话框

<script type="text/javascript">      confirm("您真的要关闭此网页么？");</script>

运行后，效果如下图所示：

这里写图片描述

在此，利用confirm( )显示一个带有指定消息和确定及取消按钮的对话框。

利用prompt( )接收用户输入

<script type="text/javascript">      prompt("请输入您的会员卡号");</script>

运行后，效果如下图所示：

这里写图片描述

在此，利用prompt( )接收用户的输入信息。

利用console.log( )输出日志

console.log("This is log message");

运行后，效果如下图所示：

这里写图片描述

在此，利用console.log( )输出日志进行代码的调试

利用document.write( )向输出流写信息

<script type="text/javascript">      document.write("大家好<br>我是谷哥的小弟");</script>

运行后，效果如下图所示：

这里写图片描述

在此，利用document.write( )向输出流写信息，输出信息可以是纯文本也可包含HTML标签

阅读全文

1 0