573 字
3 分钟
网页与JavaScript
之前一直在写前端的页面,包括一些小程序,似乎很多的文字相关的内容并不是直接放在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("[提示输入语句]","[输入默认值]");