目录

  1. 初始JavaScript
  2. 学会使用编辑工具
  3. 如何引入脚本代码
  4. 常用语句
  5. 常见浏览器兼容性问题

了解前端开发技术JavaScript,JavaScript的发展,JavaScript特点,JavaScript的组成及其作用。

发展

  1. 由布兰登·艾奇(Brendan Eich)发明
  2. 于1995年出现在Netscape

Netscape与SUN合作,将LiveScript改为JavaScript,成为强力的WEB页开发工具。

是一种基于对象和事件驱动的脚本语言。

使用它的目的是与HTML(超文本标记语言)一起实现网页中的动态交互功能。

JavaScript使网页变得更加生动。

脚本功能强大

实现功能强大

可视性、动态性和交互性于一体的HTML网页

特点

JavaScript是一种基于对象事件驱动的客户端脚本语言

其主要特点:

  1. 基于对象:运用自己创建的对象
  2. 事件驱动:采用事件驱动并执行指定的操作
  3. 解释性语言:无须专门的编译器进行编译
  4. 简单性:变量类型采用弱类型
  5. 安全性:实现信息浏览或动态交互,对

    数据的操作是安全的
  6. 动态性:直接对用户或客户的输入做出响应
  7. 跨平台性:与操作环境无关

JavaScript的组成

定义了脚本语言的所有属性、方法和对象

浏览器对象模型BOM

文档对象模型DOM

Document Object Model(文档对象模型)

脚本执行原理

嵌入JavaScript语言

<script language="javascript" type="text/javascript">
document.write("欢迎来到JavaScript世界!");
</script>

脚本编辑器

  1. 记事本
  2. EditPlus
  3. UltraEdit
  4. Dreamweaver
  5. FrontPage
  6. Visual Studio等

将JavaScript脚本代码嵌入到HTML文档中

<script language="javascript" type="text/javascript">
document.write("欢迎来到JavaScript世界!");
</script>
<script language="javascript" src="javascript.js"></script>
<input type="button" name="mybtn" value="伪URL引入" onclick="javascript:alert('鼠标单击!')">
<script language="javascript" type="text/javascript">
function clickme()
{
alert("鼠标单击!");
}
</script> <form name="myform">
<input type="button" name="mybtn" value="按钮" onclick="clickme()">
</form>

脚本代码的位置

在标记对之间放置

在标记对之间放置

常用语句

  1. 警告对话框alert( )
  2. 提示对话框prompt(“提示信息”,”输入框的默认信息”);

  1. 输出document.write(“输出内容” );
<script type="text/javascript">
document.write("<h1>个人信息</h1>");
document.write("<h3>班级:1024<br/>学号:123456<br/>姓名:1234<br/>性别:女<br/>爱好:跳舞、爬山</h3>");
</script>

拓展

JavaScript和Java 的区别

基于对象和面向对象

Java 是一种面向对象的语言

JavaScript 是种脚本语言,是一种基于对象和事件驱动的编程语言

解释和编译

Java的源代码必须经过编译

JavaScript 是一种解释性编程语言,不需经过编译,而是将字符代码发送给客户端由浏览器解释执行

强变量和弱变量

Java采用强类型,变量在编译之前必须作声明

JavaScript采用其弱类型,变量在使用前不需作声明

代码格式不一样

嵌入方式不一样

终极目标

  1. 用HTML方式和JavaScript脚本方式在页面显示信息
  2. 在web页面引入JavaScript文件
  3. 将用户输入的信息在页面输出
  4. 使用伪URL方式引入JavaScript代码等

代码

最新文章

  1. WPF系列 自定控件
  2. Select Tree Node
  3. 关于OpenGL的绘制上下文
  4. git 常用的简单命令
  5. 纯CSS实现图片抖动
  6. asp.net dataTable添加列
  7. Modbus Poll :Byte Missing Error或CRC Error
  8. [Cycle.js] Hyperscript as our alternative to template languages
  9. Python学习入门基础教程(learning Python)--3.3.2 Python的关系运算
  10. CSS背景图片定位
  11. [luogu P3801] 红色的幻想乡 [线段树][树状数组]
  12. JVM难学?那是因为你没认真看完这篇文章
  13. windows 下项目打包、备份、覆盖、md5check
  14. String类,ThreadLocal
  15. Linux Install redis
  16. 自动解压vsftpd上传的文件
  17. springmvc 测试项目示例
  18. day10(IO流汇总)
  19. 【BZOJ 3640】JC的小苹果 (高斯消元,概率DP)
  20. win7 登录后只能使用“临时配置文件”,原来的配置文件无法启用!

热门文章

  1. 生活实遇记-Kindle好久没用,屏幕一直处于电池状态,怎么解决?
  2. phpstorm 不能自动打开上次的历史文件
  3. python入门(七):字符串
  4. 中间件RabbitMQ之运维篇
  5. zabbix 3.4 直接 发现端口并作存活监控(带服务名)
  6. MySQL 详细学习笔记
  7. Python中import, from...import,import...as的区别
  8. Python学习之MacBook Pro中PyCharm安装pip以及itchat
  9. 20175234 2018-2019-2 《Java程序设计》第三周学习总结
  10. Django之Form、ModelForm 组件