当前位置: 首页 > news >正文

Breakthrough—JavaScript基础

1.   JavaScript开发工具:

JavaScript程序是纯文本的,且不需要编译,所以任何纯文本的编辑器都可以编辑JavaScript文件。在Dreamweaver CS5中不仅有很好的代码高亮,还有较全的代码提示和错误提示,相比其他编辑器来说是十分强大的。

Visual Studio 2008 支持JavaScript调试,使程序开发起来更加方便。

 

2.        使用技巧:

在网页中的用法

Javascript加入网页有两种方法:

  1、直接加入HTML文档

  这是最常用的方法,大部分含有Javascript的网页都采用这种方法,如:

  <script type="application/javascript">

  <!--

  document.write("这是Javascript!采用直接插入的方法!");

  //-Javascript结束-->

  </script>

  在这个例子中,我们可看到一个新的标签: <script>……</script>,而<script language="Javascript"> 用来告诉浏览器这是用Javascript编写的程序,需要调动相应的解释程序进行解释。(w3c已经建议使用新的标准:<script type="application/javascript">)

  HTML的注释标签<!---->:用来去掉浏览器所不能识别的Javascript源代码的,这对不支持 Javascript 语言的浏览器来说是很有用的。

  注意在非xhtml文档中插入script标签时,如果不是引用外部文件,应该在script内加上cdata声明,避免大于和小于运算符引起的浏览器解析错误

  //-Javascript结束:双斜杠表示 Javascript的注释部分,即从//开始到行尾的字符都被忽略。 至于程序中所用到的documentwrite()函数则表示将括号中的文字输出到窗口中去, 这在后面将会详细介绍。另外一点需要注意的是,<script>……</script>的位置并不是固定的,可以包含在<head>......</head> <body>.....</body>中的任何地方。

  还有一个更高级版本的嵌入脚本,它使用了HTML中的CDATA语法(Character Data,就是把CDATA中的文本全部当作纯文本处理,除非遇到CDATA的结束)

<script language="javascript" type="text/javascript"><!--//--><!CDATA[[//><!--  //javascript代码

//--><!]]></script>

 

引用方式:

如果已经存在一个Javascript源文件(通常以js为扩展名),则可以采用这种引用的方式,以提高程序代码的利用率。其基本格式如下:

<script src“url” type="text/javascript"></script>

其中的Url就是程序文件的地址。同样的,这样的语句可以放在HTML文档头部或主体的任何部分。 如果要实现直接插入方式中所举例子的效果,可以首先创建一个Javascript源代码文件“Script.js”,其内容如下:

document.write("这是Javascript!采用直接插入的方法!");

在网页中可以这样调用程序:<script src"Script.js" type="text/javascript"></script>

也可以同时在导入文件时制定javascript的版本,例如:<script src"Script.js" type="text/javascript; version=1.8"></script>

注意:凡是指定了src属性的script标签里的内容都会被忽略

 

调试的技巧:

根据浏览器的提示信息

选择浏览器是很重要的,不同的浏览器的错误提示都不同,在浏览器中错误信息最容易理解的,能最快找出错误的,就是firefoxopera了。它们都会给出详细的出错原因和行号。

 

使用调试工具

如果你是Firefox的用户,那么你可以到添加组件的网页中搜索一些用于网页开发的组件。

推荐:Firebug

一款非常优秀的组件,可以指出你的脚本中的错误,查看DOM树,查看cookie ajax通信,并且还有CSS的调试工具,而且也有不少firebug的扩展。

javascript debugger

这是mozilla开发的调试工具,项目代号叫venkman,和geckojavascript解析器无缝集成,功能非常强大。

清除浏览器缓存

   有时浏览器会在网页明明修改过的时候却依然使用缓存里的网页来显示,这时最好强制刷新网页以重新载入数据,如果还不行就清除缓存。

转载于:https://www.cnblogs.com/jojochi_008/archive/2010/10/25/1860503.html

相关文章:

  • 辛苦几个小时,终于装完主机了
  • 【连载】【FPGA黑金开发板】Verilog HDL那些事儿--PS2封装(十八)
  • android httpClient 支持HTTPS的2种处理方式
  • 一步一步教你使用AgileEAS.NET基础类库进行应用开发-基础篇阶段总结与WinForm篇展望...
  • 如何开启常用端口和其他端口
  • C# HttpRequest基础连接已经关闭: 接收时发生意外错误
  • 学习笔记----安装nginx
  • 从零开始学android开发-查看sqlite数据库
  • 大数据的导入与导出,可以用到两个方法
  • 各种类型Android源代码
  • 捷径系列:NSDate
  • Hyper-V虚拟化测试-博文地址汇总-更新中...
  • 2010年11月网络规划设计师考试试卷点评与思考
  • SharePoint 2013 图文开发系列之Visual Studio 创建母版页
  • 千千静听的窗口无法显示,总是最小话!
  • angular组件开发
  • CentOS7 安装JDK
  • iOS小技巧之UIImagePickerController实现头像选择
  • JavaScript/HTML5图表开发工具JavaScript Charts v3.19.6发布【附下载】
  • JDK9: 集成 Jshell 和 Maven 项目.
  • laravel 用artisan创建自己的模板
  • PAT A1017 优先队列
  • rc-form之最单纯情况
  • Spring Cloud Feign的两种使用姿势
  • Zepto.js源码学习之二
  • 安装python包到指定虚拟环境
  • 订阅Forge Viewer所有的事件
  • 给github项目添加CI badge
  • 理解IaaS, PaaS, SaaS等云模型 (Cloud Models)
  • 面试总结JavaScript篇
  • 前端 CSS : 5# 纯 CSS 实现24小时超市
  • 三分钟教你同步 Visual Studio Code 设置
  • 实现菜单下拉伸展折叠效果demo
  • No resource identifier found for attribute,RxJava之zip操作符
  • const的用法,特别是用在函数前面与后面的区别
  • 阿里云API、SDK和CLI应用实践方案
  • $.ajax,axios,fetch三种ajax请求的区别
  • (13)Latex:基于ΤΕΧ的自动排版系统——写论文必备
  • (DFS + 剪枝)【洛谷P1731】 [NOI1999] 生日蛋糕
  • (Matlab)基于蝙蝠算法实现电力系统经济调度
  • (zt)基于Facebook和Flash平台的应用架构解析
  • (附源码)springboot宠物管理系统 毕业设计 121654
  • (附源码)ssm智慧社区管理系统 毕业设计 101635
  • (黑客游戏)HackTheGame1.21 过关攻略
  • (九)One-Wire总线-DS18B20
  • (一)Mocha源码阅读: 项目结构及命令行启动
  • (转)linux下的时间函数使用
  • (转)使用VMware vSphere标准交换机设置网络连接
  • . Flume面试题
  • .net MySql
  • .NET Standard / dotnet-core / net472 —— .NET 究竟应该如何大小写?
  • .net 发送邮件
  • .net实现客户区延伸至至非客户区
  • .pub是什么文件_Rust 模块和文件 - 「译」
  • [30期] 我的学习方法