JavaScript（一）添加方式和输出方式

时间：2022-12-21 14:30:00 jss48a一2z继电器

??博客主页：悟空博客主页
??欢迎关注点赞收藏留言
??作者简介：一只仍在学习技能的石猴 ??
??关注微信官方账号【悟空信条】，分享简历模板、学习资料、面试题库等。
??作者水平很有限，如果发现错误，一定要及时告知作者哦！感谢感谢！??

??总结:悟空的架构取经之路

?? 持续更新中…

??导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手导航小助手

添加方式
- 嵌入使用
- 引用使用
JAVASCRIPT的输出
- 页面输出
- 弹窗输出
- 控制台输出

添加方式

嵌入使用

在HTML中在script可以在标签中编写JavaScript以下是代码的简单演示。
代码：

DOCTYPE html> <html lang="en">     <head>         <meta charset="UTF-8">         <title>添加方式1title>         <script> alert("Hello World"); script>     head>     <body>     body> html>

效果图：

引用使用

一个人js也可以在文件中编写JavaScript代码，然后在HTML文件中使用script引用标签，以下是一个简单的演示。
HTML:

DOCTYPE html>     <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>添加方式2title>
        <script src="method.js"> script>
    head>
    <body>
    body>
html>

method.js:

alert("Hello World");

效果和上面的一样

JAVASCRIPT的输出

页面输出

<script>
    document.write("Hello,World!");
</script>

弹窗输出

<script>
    alert("Hello,World!");
</script>

控制台输出

<script>
    console.log("输出一条日志");//最常用
    console.info("输出一条信息");
    console.warn("输出一条警告");
    console.error("输出一条错误");
</script>

锐单商城拥有海量元器件数据手册、IC替代型号，打造电子元器件IC百科大全！

JavaScript（一）添加方式和输出方式

相关文章