01JavaScript简介及放置位置

①JavaScript简介

JavaScript最初由Netscape公司的Brendan Eich设计,最初命名为LiveScript,是一种动态、弱类型、基于原型的语言。后来,Netscape与Sun公司进行合作,将LiveScript改名为JavaScript。JavaScript的设计最初受到Java启发,语法上与Java有很多类似之处,并借用了许多Java的名称和命名规范。(我真的不是Java的儿子)

JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言,被广泛应用于各种客户端Web程序尤其是HTML开发中,能给HTML网页添加动态功能,响应用户各种操作,实现诸如欢迎信息、数字日历、跑马灯,显示浏览器停留时间等特殊效果,提高网页的可观性。

简单来说,JavaScript具有如下特点:
1.简单性
2.安全性
3.动态性

4.跨平台性

②放置位置:可放置在页面的head或body部分。

>当页面载入时,会执行位于body 部分的JavaScript

>而位于head部分的JavaScript只有被显式调用时才会被执行

可将JavaScript函数单独写成一个js文件,在HTML文档中引用该js文件。 
直接写在事件处理代码中。 

<html>
 <head>
  <title>JavaScript基础 </title>
  <script type="text/javascript" src="demo.js"> </script>		//引入外部JS
  <script type="text/javascript">		//头部插入JS(一般方法都写这)
  <!--
	function show(){
	document.write("这是事件调用JS");	
	}
  //-->	
	  //    <!--      //-->    和CSS一样也是防止浏览器不支持
  </script>
  </head>


<body >   
<p>这是普通的HTML页面内容!</p>
   <script type="text/javascript">      				 //主体插入JS
        /* 这是直接调用JS*/
	document.write("这是直接调用JS");
     </script>
   <p>Hello,</p>
   <comment>这是外部调用JS文件</comment>
   <script type="text/javascript"> sayName();</script>		         //引用外部JS
   <p οnclick="show();" style="background:#00ff00 ">事件调用!</p>	 //事件调用JS
   <p οnclick="alert('这是行内调用!');">hello</p>
   <a href="javascript:alert('Hello World!!');">这是行内调用--简约化</a> //简约化使用JS
 </body>
</html>

使用外部js文件需要注意编码问题。外部文件实现原理是:浏览器将外部文件内容复制过来嵌入到HTML页面中,再执行,这个复制过程是一个二进制的拷贝,因此,HTML页面与js文件的编码不一致或者不兼容,就会产生问题(乱码、不能执行等)。  解决方法是统一两者的编码,现在通用的是utf-8编码。改变编码的方法:1、用记事本打开文件,文件-另存为,在“编码选择”下拉框选择utf-8,保存覆盖原文件即可。2、使用<script>的charset属性,指定外部文件编码方式,例如:下面代码表示外部js文件是以gb2312编码的:
  <script type="text/javascript" src="welcome.js" charset="gb2312"></script>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值