数据库实训第一天笔记，初始javascript_数据库应用技术综合实训笔记-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_46041615/article/details/122194434

这篇博客介绍了JavaScript的起源，HTML与CSS的关系，以及JS如何赋予网站动态效果。详细讲解了JS的组成，包括ECMAScript、DOM和BOM，并通过实例展示了变量的声明、赋值和交换，以及基本数据类型的使用。还探讨了JS中的输入输出语句，如alert、console.log和prompt。最后，博主分享了内嵌、外链式JS代码的写法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实训第一天

单纯的上课记录一些笔记，还没来得及完备和修正

js

Brendan Eich 1995年创建JS，同年出现PHP和JAVA

HTML和CSS关系

–>HTML决定结构和内容，CSS决定样式

–>JS则让网站动起来

JS的组成

ECMA 定义基础语法

DOM 网页架构

BOM 操作浏览器，前进后退

简单的js

<!--  button 按钮 ，value按钮值  alert（）弹窗-->

<!--外层双引号，里边单引号（了解，不推荐，维护性差）-->

<input type="button" value="点击"  onclick="alert('吹牛')" />

内嵌

<script>
    //经常使用内嵌式 //为js的注释
        alert('啊对对对')
</script>

外链式

<!-- 外链式-->
<script src="./test.js"></script>

其中test.js:

alert(啊对对对)

注释–和java一样
JS输入输出的三种语句

 //三种语句
        // alert('我是弹窗') //第一种
        // console.log('我在控制台打印，用于调试')  //第二种，在检查里的控制台显示
        // prompt('请输入您的年龄') //第三种，弹出弹窗，用户可输入信息，可用于和用户进行交互

变量的使用（初始化变量）

//1、声明变量 2、赋值   
var num=10;

案例

<script>
        // 初始化变量
        // var name='亚索'
        // var age=18
        // var tel=123423
        //显示输入框
        var name=prompt('请输入姓名')
        //弹出输入信息
        alert(name)
</script>

<script>
    //更新变量
    // var num=10
    // num=18
    // num=20
    // console.log(num)

    //同时声明多个变量
    // var age=10,
    //     name='鸣人',
    //     gender='男'
    
    //3、特殊情况
    // var hero
    // console.log(hero)//1、不赋值，为空
    // console.log(myhero)//2、报错
    // school='sjsjds' // 3、只赋值，没有声明，可以正常运行
    // console.log(school)
</script>

变量交换

<script>
	var age=18
    var num=10
    var t
    t=age
    age=num
    num=t
    console.log('age:'+age,'num:'+num)
</script

简单数据类型

//简单的数据类型。六种（number/String/Boolen/Underfined/!)
    var num=10 
    var age=10.111
    //2、字符串
    var str='lol'
    var str1='wgljsasjld'

    //获取字符串长度
    var str2=str+str1
    console.log(str.length,str)
    console.log(str1.length,str1)
    console.log(str2.length,str2)
    // //3、布尔型Boolen  True=1 ， False=0
    // console.log(true+1) //2
    
    // //4、Undefined 只声明未赋值。
    // var myname
    // console.log(myname)

    // //5、null
    // var myage=null