javascript入门 - 1

骑猪看日落 2023-01-02 01:22 9阅读 0赞

首先要分清；javascript是用于网页的一种脚本语言，Java是一种编程语言；Java一般俗称用于后端，javascript用于前端（页面上）；

看一下基本的javascript程序；

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title> js 入门 </title>
  6. <script>
  7. function getDate(){
  8.     document.getElementById("demo1").innerHTML=Date();
  9. }
  10. </script>
  11. </head>
  12. <body>
  14. <h1>标题1</h1>
  15. <p id="demo1">一个段落</p>
  17. <button type="button" onclick="getDate()">显示日期</button>
  19. </body>
  20. </html>

javascript是嵌入在html语言中的；html是以标签对来描述网页元素；

….，此标签对是html文档开始和结束；

…，此标签对是html文档头部的开始和结束；

….

，表示网页上的一个段落，输出中间的文字后换行；

，在网页上显示一个按钮；

javascript脚本包含在标记之间；

网页元素可以有id；

一个段落

，这句，p元素的id为”demo1”，id代表此元素；

document.getElementById(“demo1”).innerHTML=Date(); 设置网页元素”demo1”的内部文本为Date()，Date()是javascript内置函数，返回当前日期时间值；

先用在线工具运行程序看一下；

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70

单击按钮后如下；

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9ibzIxY24_size_16_color_FFFFFF_t_70 1

发表评论

表情：
评论列表 （有 0 条评论，9人围观）

还没有评论，来说两句吧...

相关阅读

    相关 javascript入门 - 1

    首先要分清；javascript是用于网页的一种脚本语言，Java是一种编程语言；Java一般俗称用于后端，javascript用于前端（页面上）； 看一下基本的javasc

    骑猪看日落骑猪看日落/ 0 赞/ 10 阅读

    相关 JavaScript入门

            JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态动能,为用户提供更流畅美观的浏览效果。通常JavaSc

    我会带着你远行我会带着你远行/ 0 赞/ 256 阅读

    相关 JavaScript入门

    一、javascript引入页面的三种方式： 1、行间事件： 将javascript代码通过标签的事件属性写在标签中 <input type="button"

    灰太狼灰太狼/ 0 赞/ 370 阅读

    相关 JavaScript学习1-快速入门

    实验室项目要用到，学长项目前端全是JS写的，而且用的是angular.js框架。 这里只是抽取了主干，至于一些细节的东西，具体可以回去查阅，不要想着把工具书背下来。 ...

    系统管理员系统管理员/ 0 赞/ 751 阅读