JavaScript基础-1

   Javascript听起来好象与java这种语言有很大的关系,其实javascript是一种运行在浏览器内部的一种脚本语言,起这个名字主要是为了推广。javascript是1995年由NetScape提出来的,后由于得到sun公司的支持,而成为一种类似于java语言的脚本语言。

   编写javascript脚本一般来说有二种形式,一种是在页面中直接编写,一种是采用脚本引入的方式来实现。

页面中直接编写

   1: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2: <html>
   3:     <head>
   4:         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   5:         <title>javascript测试页面</title>
   6:         <script type="text/javascript">
   7:             alert("第一个javascript程序 !");
   8:         </script>
   9:     </head>
  10:     <body>
  11:     </body>
  12: </html>

脚本引入

首先建一个文件为test.html,再在同目录下建立一个脚本lib.js,内容如下:

   1: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2: <html>
   3:     <head>
   4:         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   5:         <title>采用脚本引入的方式来引入javascript</title>
   6:         <script src="lib.js" type="text/javascript"></script>
   7:     </head>
   8:     <body>
   9:     </body>
  10: </html>
   1: /**
   2:  * @author Administrator
   3:  */
   4: alert("我是脚本引入执行的");

 

在javascript中出现次数最多的就要数函数了,所以它的作用非常的大,下面我们来看看函数是如何定义的:

   1: /**
   2:  * @author Administrator
   3:  */
   4: function test()
   5: {
   6:     alert("我说中文");
   7: }
   8:  

由于javascript是一种弱类型的语言,javascript中是没有类型,所以在定义函数时就没有必要有返回值了。

   1: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   2: "http://www.w3.org/TR/html4/loose.dtd">
   3: <html xmlns="http://www.w3.org/1999/xhtml">
   4:     <head>
   5:         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   6:         <title>这是一个测试</title>
   7:         <script type="text/javascript" src="lib.js"></script>
   1:  
   2:         <script type="text/javascript" >
   3:             test();
   4:         
</script>
   8:     </head>
   9:     <body>
  10:         <h1>测试函数</h1>
  11:     </body>
  12: </html>

 

平时我们在编写javascript代码时,使用频率比较高就是调用我们的javascript代码了。

超级连接调用与普通的按钮调用

   1: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   2: "http://www.w3.org/TR/html4/loose.dtd">
   3: <html xmlns="http://www.w3.org/1999/xhtml">
   4:     <head>
   5:         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   6:         <title>这是一个测试</title>
   7:         <script type="text/javascript" src="lib.js"></script>
   8:     </head>
   9:     <body>
  10:         <h1>测试函数</h1>
  11:         <a href="javascript:test()" >点我调用test()函数</a>
  12:         <input type="button" value="点我调用test()函数" onclick="test()">
  13:     </body>
  14: </html>

javascript中弱类型的特点,在javascript中定义变量是不需声明类型的,你想要声明它也没有,具体看下面的例子:

   1: function test1()
   2: {
   3:     var a=0;
   4:     alert(a);
   5:     a="我是字符串";
   6:     alert(a);
   7:     a=true;
   8:     alert(a);
   9: }
posted @   楚广明  阅读(914)  评论(2编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· [AI/GPT/综述] AI Agent的设计模式综述
点击右上角即可分享
微信分享提示