js学习笔记1

港控/mmm° 2022-06-10 23:43 170阅读 0赞

1.javascript基础知识

1.1基本概念

为什么需要java script（js有什么样的作用）

html+css实现了一个静态的页面

实际上，我们更多的页面要求是动态的，比如新闻的滚动

动态显示的时间

<p  id="time">星期一</p>  
</body>  
<script>  
    **var** p1 =document.getElementById("time");  
    p1.innerHTML= **new** Date().toString();  
</script>

这个内容不是html提供的，而是由js脚本动态来实现生成的

所以js是实现动态页面的，即页面的行为

Java script的备注方式  //进行单行的注释

/\*内容\*/可以注释多行内容

编译型语言：JAVA、C++、C、PHP...

将代码整体翻译成机器代码，如果有错误则停止翻译，全部成功才能翻译完成

解释型语言：JavaScript、CSS...

将代码翻译一条马上执行一条，如果遇到错误则停止，

程序员使用高级语言来编写程序，但是程序最终是由计算机去执行的，但是计算机只能执行机器语言（即二进制代码），那么这个过程就必然有一个从高级语言到机器语言的“翻译”过程

js书写在<script>标签中

1.2两种引用方式

内部引用js书写在<script>标签中

外部引用：用<script src=”路径”>

HTML：负责呈现的内容

CSS：负责内容呈现的方式

JS：负责内容的行为

<script language="javascript">
        var timer = setInterval("zoom()",50);
        var div = document.getElementById("div1");
        var timer;
        var width = 100;
        function zoom(){
            if(width >= 600){
                clearTimeout(timer);
            }
            width = width + 5;
            div.style.width = width + "px";
        }
    </script>

使用定时器，动态去改变元素的宽度，从而实现动态效果

使用定时器显示动态的时间

修改第二个案例，实现方块颜色的渐变

总结html、css和js的注释方式，并说明注释的作用

发表评论取消回复

表情：

评论列表（有 0 条评论，170人围观）

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

相关阅读

相关 JS学习笔记-JS变量

JS的变量类型 1.基本变量类型 number 数值型 boolean 布尔型：true/false string 字符串，没有单个的字符

向右看齐/ 2023年06月18日 06:53/ 0 赞/ 2 阅读

相关学习笔记1

学习笔记一今日学习\\ 1:文档类型声明，表示该文件为 HTML5文件。<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于标签之前 1. 标签对

港控/mmm°/ 2022年12月07日 12:26/ 0 赞/ 234 阅读

相关 jsp与js 学习笔记1

重新跳转页面并刷新 <button type="button" class="recharge\_btn"id="recharge\_btn" οnclick="window

拼搏现实的明天。/ 2022年08月07日 08:54/ 0 赞/ 211 阅读

相关 Node.js 学习笔记---1

Node.js 是一个可以让 JavaScript 运行在服务器端的平台，为实时Web（Real-time Web）应用开发而诞生的平台，采用了单线程、异步式I/O、事件驱动式

蔚落/ 2022年07月14日 06:09/ 0 赞/ 157 阅读

相关 js学习笔记

6.函数 6.1函数的概念为什么需要用函数循环的嵌套 for(var n=2; n<100; n++){ var m = Math.ceil

你的名字/ 2022年06月11日 06:57/ 0 赞/ 160 阅读

相关 js学习笔记

2.8程序设计思维程序是啥宿舍报修：填写报修→上报宿舍管理员→联系物业→找维修工→上门维修→反馈银行开户：客户填写开户申请单→提交证件资料→审核资料的真实性（本人资

た入场券/ 2022年06月11日 00:59/ 0 赞/ 177 阅读

相关 js学习笔记1

1.javascript基础知识 1.1基本概念为什么需要java script（js有什么样的作用） html+css实现了一个静态的页面实际上，我们更多的页面要

港控/mmm°/ 2022年06月10日 23:43/ 0 赞/ 171 阅读

相关 JS学习笔记

之前刷过很多遍教程，效果总是不理想，学习笔记也做了，也跟着敲了代码，总是感觉像是新手，我想应该是平常缺乏练习，每天的代码量没有起来，导致几天就忘，那从侧面反映出我现在还有一丝懒

不念不忘少年蓝@/ 2022年05月22日 11:40/ 0 赞/ 155 阅读

相关学习笔记（JS）

1、js的变量数据类型：javascript是一种弱类型的数据语音定义变量：var a = 20 var a = “”; 可以通过typeof来进行判断你的

Myth丶恋晨/ 2022年05月15日 10:44/ 0 赞/ 181 阅读

相关 JS学习笔记

1.JS是单线程的，同一时刻只能执行一个代码片段，即所谓的单线程执行模型、 2.所有已生成的时间都会放在同一个事件队列中。 3.其放置事件的队列是在页面构建阶段和事件处理阶

怼烎@/ 2021年11月01日 11:46/ 0 赞/ 325 阅读