Java教程

初识JavaScript(day04)

本文主要是介绍初识JavaScript(day04)，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

目录

1.6 JS初体验

1.行内式JS("简单了解")

2.内嵌式(较常用)

3.外部JS文件(较常用)写好引入路径

1.7JavaScript注释

1.8JavaScript输入输出语句

1.6 JS初体验

JS有三种书写位置,分别为行内,内嵌和外部

1.行内式JS("简单了解")

<input type = "button" value = "点击按钮" onclick = alert('Hello World')"/>

可以将单行或少量JS代码写在HTML标签的时间属性中(以on开头的属性),如onclick

注意单引号的使用:在HTML中我们推荐使用双引号,JS中我们推荐使用单引号

可读性差,在HTML中编写JS大量代码时,不方便阅读;

引号易错,引号多层嵌套匹配时,非常容易弄混;

特殊情况使用

2.内嵌式(较常用)

<script>
alert('Hello World')
</script>

3.外部JS文件(较常用)写好引入路径

<script src"my.js"></script>

利于HTML页面代码结构化,把打断JS代码独立到HTML页面之外,既美观,也方便文件级别的复用

引用外部JS文件的script标签中间可以不写代码

适合于JS代码量比较大的情况

1.7JavaScript注释

跟Java一样,分为单行注释和多行注释

单行注释("//")

<script>
//alert('Hello World')
</script>

多行注释(/* ~*/)

<script>
/*
alert('Hello World')
alert('Hello World')
alert('Hello World')
*/
</script>

1.8JavaScript输入输出语句

方法说明归属
alert(msg)浏览器弹出警示框浏览器
console(msg)浏览器控制台打印输出信息浏览器
prompt(info)浏览器弹出输入框,用户可以输入  浏览器
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    //这是一个输入框
    prompt('请输入年龄')
    //alert 弹出警示框 输出的  展示给用户的
    alert('计算的结果是')
    //console  控制台输出,给程序员测试用的
    console.log('在控制台输入')
</script>
</body>
</html>

上面则是三种输出语句

第一种语句:

 第二种语句:

 第三个语句:点击控制台:

这篇关于初识JavaScript(day04)的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航