如何在HTML文件中顺利打出javascript代码?

如何在HTML文件中顺利打出javascript代码?

首先Javascript运行模式在客户端,用户访问Javascript中的程序,网页中的Javascript程序传给浏览器,由浏览器处理与解释,在这个期间web是没有发生数据交换和负担的

javascript其编写模式无特殊要求,但是其代码的运行必须放在html文件中才能在浏览器中才能运行,

在html文件Javascript可以在<script>头部可以运行<body>部分也可以运行,但在不同部分进行运行时其将遵循的规则不同(在注意事项1与2中有所描述)。

其在HTML文件中有两种运行方式,(1)将Javascript代码放在头部的<script>(成对标记以<script>开始以</script>结束)标签中

其代码演示为:

<!DOCTYPE html>

<html>

 <head>

  <meta charset="utf-8">

  <title></title>

               <script type="text/javascript">//type属性代表的是脚本的类型,text/javascript(编写的程序是文本文档)

  function sum1()

  {

   var i = 1,sum = 0;

   while(i<=100){

    sum = sum+i;

    i= i+1;

   }

   document.write("和为多少",sum);

  }

 </script>

 </head>

 <body>

  <input value="输出状态" name="" type="button" οnclick="sum1"/>

 </body>

</html>

 

对于这个代码,中

(2)将JavaScript代码存为以恶个扩展名为js的独立文件。使用src属性(可选属性用来加载指定的外部js文件)来指向该文件(多为行业内的开发手段)

注意事项:

1,在头部中Javascript必须定义为相关的函数模式function functionname(参数一,参数二,参数三){函数语句},并在body中进行一个相关的触发。其与页面是同时载入的,在body中调用时可以直接执行,提高了脚本执行速度。

2,body运行script时标记中,满足注意事项1的条件,也可以在页面中直接执行显示代码运行的结果。

参考教材:

web前端开发技术---HTML5,css3,JavaScript(第三版)清华大学出版社,储久良

javascript+vue+react全程实例,清华大学出版社,郑钧辉,薛燚

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值