JS相关笔记

如何使用?

内部

<script type="text/javascript"></script>

外部引用

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

ta作为一种脚本语言可以放在html任何位置。


注释

//注释内容 OR /*注释内容*/


变量

1.变量必须使用字母、下划线(_)或者美元符($)开始。


JS中如何输出空格

在写JS代码的时候,大家可以会发现这样现象:

document.write("   1      2                3  ");

结果:1 2 3

无论在输出的内容中什么位置有多少个空格,显示的结果好像只有一个空格。

这是因为浏览器显示机制,对手动敲入的空格,将连续多个空格显示成1个空格。

解决方法:

1. 使用输出html标签 来解决

document.write("1"+" &nbsp;"+"23");

结果:1 23

2. 使用CSS样式来解决

document.write("<span style='white-space:pre;'>"+"  1        2    3    "+"");

结果:1       2     3

在输出时添加“white-space:pre;”样式属性。这个样式表示"空白会被浏览器保留"

JS输出换行

"<br>"


弹出框

弹出一行字  alert(str)

yes or no 消息对话框   confirm(str) 

str:在消息对话框中要显示的文本

返回值:Boolean值

有文本框  prompt(str1, str2);

str1:要显示在消息对话框中的文本,不可修改

str2:文本框中的内容,可以修改


打开新窗口

window.open([URL], [窗口名称], [参数字符串])

"_top"、"_blank"、"_self"

例:打开http://www.imooc.com网站,大小为300px * 200px,无菜单,无工具栏,无状态栏,窗口距屏幕顶100像素有滚动条窗口:

window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')

window.open('http://www.imooc.com','_blank','width=300,height=200,top=100,menubar=no,toolbar=no, status=no,scrollbars=yes')


通过Id设置控件

document.getElementById(“id”)

设置html标签,属性用于获取或替换 HTML 元素的内容。

Object.innerHTML

注意:

1.Object是获取的元素对象,如通过document.getElementById("ID")获取的元素。

2.注意书写,innerHTML区分大小写。

设置样式

Object.style.color="";...

Object.style.display= none(隐藏)|block(显示)

对class

className 属性设置或返回元素的class 属性。

object.className = classname

修改或添加对象的class名字,可以起到快捷更换样式的作用。

⭐️恢复最初样式:

.removeAttribute('style');

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,932评论 0 8
  • 为方便阅读,该内容需具备一定的HTML+CSS基础。 为什么学习JavaScript 一、为什么JavaScrip...
    百草纪阅读 380评论 0 1
  • javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前...
    MinoyJet阅读 588评论 0 0
  • 如何插入JS 我们来看看如何写入JS代码?你只需一步操作,使用 标签在HTML网页中插入JavaScript代码。...
    0o冻僵的企鹅o0阅读 559评论 0 4
  • 相信用过安卓手机的朋友对于多任务、Home、Back这三个按键一定非常熟悉了,一直使用安卓手机的小伙伴对这几个按键...
    科技达人15阅读 1,665评论 0 0

友情链接更多精彩内容