573 字
3 分钟
网页与JavaScript
2026-03-21
无标签

之前一直在写前端的页面,包括一些小程序,似乎很多的文字相关的内容并不是直接放在HTML的框架里面的,所以学习JavaScript其实是很有必要的一件事情,但是我一直是非常排斥与不理解Python,Java以及JavaScript这样面向对象的语言,一直没有去进行学习。但因为最近这段时间外部的不可抗因素的原因也必须要开始学习,就趁着这个机会去学一学JavaScript和JQuery框架。

在网页中加入JavaScript#

其实和CSS是一样的,内嵌和外链两种形式都有,但是会多一个行内式,我估计不知道哪天会在我博客的Markdown文章中用一下,所以就是几乎不用。

行内式#

没啥用,也就是Markdown博客会用到,项目里面不会用的,记不住后面直接搜索就行。

<button onclick="alert('你点我啦!')">点我</button>

内嵌式#

<script>
// 内部脚本
console.log("我是内部 JS");
document.write("页面直接输出内容");
</script>

外链式#

<script src="main.js"></script>

依稀记得异步加载代码也是出现在这里的,后面有了再说吧!

输入与输出#

输入#

在写C语言的时候输入输出也是第一个学的,类似于printf()scanf()等函数都是经常用的。不过似乎JavaScript东西会更多一点,毕竟是浏览器窗口。

document.write()

也就是最基础的页面打印函数,后面可以接字符串与变量。

变量:

var arr1 = "apple";
document.write(arr1);

字符串:

document.write("apple");

alert()

浏览器对话框弹出,提示效果会更明显一点,函数整体逻辑可以直接照搬document.write()的了

变量:

var arr1 = "apple";
alert(arr1);

字符串:

alert("apple");

console.log()

这个我算是用的比较多的,之前写小程序,很多东西是否运行完成全部都是终端输出来辨别的,整体函数写法还是照搬之前的两个。

变量:

var arr1 = "apple";
console.log(arr1);

字符串:

console.log("apple");

输入#

输入就相对简单很多,也就是弹出的弹窗。

prompt()

这个函数有两个参数,一个是提示输入语句,另一个就是输入默认值,示例如下:

prompt("[提示输入语句]","[输入默认值]");
网页与JavaScript
https://ivoinkwell.xyz/posts/web-frontend/javascript-and-the-web/
作者
Ivo
发布于
2026-03-21
许可协议
CC BY-NC-SA 4.0