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

最新推荐文章于 2024-04-02 02:00:00 发布
最新推荐文章于 2024-04-02 02:00:00 发布
阅读量1k 收藏 1
点赞数 4
分类专栏： # 网页基础 文章标签： 前端 html css javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_50991874/article/details/123770630
版权

📒博客主页：悟空的博客主页
🎉欢迎关注🔎点赞👍收藏⭐️留言📝
🙉作者简介：一只还在学本领的石猴 🐵
👀关注公众号【悟空信条】，简历模板、学习资料、面试题库等通通分享🎁
🙏作者水平很有限，如果发现错误，一定要及时告知作者哦！感谢感谢！🚤

📝全部总结：《悟空的“架构取经之路”》

✒️ 持续更新中…

📌导航小助手📌

添加方式

嵌入使用

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

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

效果图：
image.png

引用使用

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

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>添加方式2</title>
        <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>
悟 空
关注
  • 4
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
为调试JavaScript添加输出窗口的代码
10-29
调试JavaScript是一件很麻烦的事，尽管有很多很好用的调试工具，但有时候想要跟踪值的变化，但即不想中断脚本执行，也不想用alert显示值信息，这种情况下，一般的做法是在页面上添加一个DIV或者其它元素，然后再往...
javascript学习积累
invLong的专栏
11-29 1068
在学习w3school的javascript，一些自己不是很理解的地方记录下来 1.document.write(); 按我的理解，document应该为HTML Dom中的一个对象，可以调用一些方法，而write为该方法w3c说您只能在 HTML 输出中使用 document.write，如果页面加载完毕再执行write方法的话会覆盖原页面 再者js的代码可以再body里写，嵌入式的写法
如何用js(jq)给html元素标签前面或者后面增加一个元素标签
橙-极纪元-cplvfx-JJY.Cheng
07-09 1万+
after()方法,before() 方法,append() 方法,prepend() 方法,appendTo() 方法,prependTo() 方法,insertAfter() 方法,insertBefore() 方法,wrap()方法,wrapAll() 方法,wrapInner() 方法 。各个方法的使用，利弊，BUG等做了深入说明
如何添加JavaScript代码
qq_56694116的博客
01-07 1360
如何添加JavaScript代码
如何将 JavaScript 添加到 HTML 页面
最新发布
rubys007的博客
04-02 1723
JavaScript，简称 JS，是一种用于网页开发的编程语言。作为 Web 的核心技术之一，JavaScript 与 HTML 和 CSS 一起用于使网页具有交互性并构建 Web 应用程序。现代 Web 浏览器遵循通用的显示标准，通过内置引擎支持 JavaScript，无需额外的插件。在处理 Web 文件时，JavaScript 需要与 HTML 标记一起加载和运行。这可以通过两种方式实现：要么内联在 HTML 文档中，要么作为浏览器将与 HTML 文档一起下载的单独文件运行。
js添加元素的方式
weixin_68915174的博客
10-29 1万+
innerHTML可以输出标签以及内容，innerText只能输出内容不能输出标签。beforebegin：插在元素自身的前面。beforebegin：插在元素自身的前面。afterbegin：插在元素内部最前面。beforeend：插在元素内部最后面。afterbegin：插在元素内部最前面。beforeend：插在元素内部最后面。afterend：插在元素自身的后面。afterend：插在元素自身的后面。
JS中常用的输出方式(五种)
10-22
JavaScript（JS）是一种广泛用于网页和网络应用的脚本语言，它主要负责处理客户端的交互逻辑。在开发过程中，我们经常需要将数据或信息输出到不同的界面，以便于调试和查看程序运行状态。以下是JS中五种常用的输出...
javascript 写类方式之二
10-29
本文将详细介绍 JavaScript 中的一种类实现方式——原型方式，并探讨其特点、优势以及潜在的局限性。 #### 原型方式的基本概念 在 JavaScript 中，每个函数都有一个特殊的 `prototype` 属性，这个属性是一个对象，...
javascript 构造函数方式定义对象
10-24
总的来说，JavaScript提供了多种定义对象的方式，包括构造函数、字面量语法、基于已有对象的扩展和工厂函数等。选择哪种方式取决于具体需求和场景。在实际开发中，通常会结合使用这些方法来构建复杂的对象模型。
JS 三种添加元素的方式、区别（ write、createElement、innerHTML ）
Ares5k
08-03 1002
document.write, document.createElement, element.innerHTML 区别对比
JS引入方式有哪些？
m0_64986878的博客
06-21 2339
JS引入方式有哪些，ES6中JS引入方式，常用的JS引入方式，JS引入
js添加元素的三种方法
Julienling的博客
03-29 1万+
点击按钮变为： 提前说下结论：善用innerHTML属性，但是不能过于依赖，否则会造成改动过大，不利于程序稳定性。 首先，结构部分为： <div> <ol> <li id="spe">speedo</li> <li>arena</li> <li>balenire</li> </ol> .
给网页添加javascript的方式
感恩、奋进、自信
10-15 5244
给网页添加javascript的方式有： 1、使用script标签，将javascript代码写到之间 2、添加外部javascript文件 3、使用行内javascript 注意：使用@import引入css文件，但是不能引入js文件
在js中添加方法
DAO的博客
11-28 1797
先定义，尽量定义在前面，否则页面报错，会提示undefined。 /** * 计算字符串长度（一个汉字等同于一个英文字母） */ String.prototype.realLength1 = function() { return this.replace(/[^\x00-\xff]/g, "*").trim().length; }; 使用： var resultTitle = $...
javascript给html添加结点操作
蜗牛学习笔记
03-05 7253
html页面中的内容一般都是事先编写好的，用浏览器打开页面的时候，直接加载到页面上面的。如果想在一个页面上有一些交互性的操作，这时候javascript就派上用场了。那如果想在展现好的html页面上动态增加段落内容或修改段落内容，OK，段落对象的appendChild方法要派上用场了。 insertBefore 方法与 appendChild 方法不同：appendChild方法传递一个参数，由依附点来调用，传递要挂载的段落；insertBefore 方法由document.body调用，传递两个参数，要
JavaScript 添加删除记录
丑小鸭
08-05 585
代码示例： 1 JS代码 1）声明myClick函数： function myClick(id,fun){            btn=document.getElementById(id);            btn.onclick=fun;        }  2）添加：  2.1 复杂版：  myClick("btn",function(){          //得到输入...
JavaScript程序基础（一）网页中引入Javascript的三种方法
热门推荐
授业中寻找乐趣
03-15 1万+
JavaScript是一种基于对象的脚本编程语言，具有动态、跨平台、基于对象和安全等特性。它不需要经过编译，而是直接嵌入在HTML页面中运行，可把单纯的HTML页面转变成支持用户交互和事件响应的动态页面。 在HTML中的使用JavaScript共有三种方法。 一、在页面中直接嵌入JavaScript 通过标签，可以在网页中直接插入Javascript脚本。下面来看两个示例： 示例1： <html> <head> <title>JavaScript简介</tit
javascript动态添加div
庞凡 坚定自己踏实走好每一步
03-28 6970
网上有很多的实现js动态添加div的方法,在这里我展示一种使用insertBefore(),和innerHTML方式。 前台代码 js动态添加div 获得question下的所有divv 动态添加div js代码 function createQuest
javascript 如何添加元素
狂奔的蜗牛
06-04 276
//利用concat function prepend(arr, item) { return [item].concat(arr); } //使用push.apply function prepend(arr, item) { var newArr=[item]; [].push.apply(newArr, arr); return newArr; } //利用slice+unshift/splice function prepend(arr, item) { v.
JavaScript输出一段文字
06-09
在JavaScript中，你可以使用`console.log()`函数来输出一段文字到控制台。例如，下面的代码将在控制台中输出"Hello, World!"这段文字： ```javascript console.log("Hello, World!"); ``` 你可以将其中的字符串...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值