为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript入门篇

难度入门
时长 1小时35分
学习人数
综合评分9.57
5509人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.4 逻辑清晰
  • 消息对话框:prompt(str1,str2);str1:要显示在消息对话框的文本;str2:文本框的内容;
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>className属性</title> <style> body{ font-size:16px;} .one{ border:1px solid #eee; width:230px; height:50px; background:#ccc; color:red; } .two{ border:1px solid #ccc; width:230px; height:50px; background:#9CF; color:blue; } </style> </head> <body> <p id="p1" > JavaScript使网页显示动态效果并实现与用户交互功能。</p> <input type="button" value="添加样式" onclick="add()"/> <p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p> <input type="button" value="更改外观" onclick="modify()"/> <script type="text/javascript"> function add(){ var p1 = document.getElementById("p1"); p1.className = "one"; } function modify(){ var p2 = document.getElementById("p2"); p2.className = "two"; } </script> </body> </html>
    查看全部
  • mkv
    关闭窗口(window.close) close()关闭窗口 用法: window.close(); //关闭本窗口 或 <窗口对象>.close(); //关闭指定的窗口 例如:关闭新建的窗口。 <script type="text/javascript"> var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象,存储在变量mywin中 mywin.close(); </script> 注意:上面代码在打开新窗口的同时,关闭该窗口,看不到被打开的窗口。
    查看全部
  • document.getElementById('con')获取的只是P标签,返回的是[object HTMLParagraphElement],document.getElementById('con').innerHTML获取的才是P标签里的内容,返回的是JavaScript
    查看全部
  • mkv
    重要内容 例如:打开http://www.imooc.com网站,大小为300px * 200px,无菜单,无工具栏,无状态栏,有滚动条窗口: <script type="text/javascript"> window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
    查看全部
  • mkv
    打开新窗口(window.open) open() 方法用于打开一个新的窗口。 语法: window.open(<URL>, <窗口名称>, <参数字符串>) 参数说明: URL:打开窗口的网址或路径。 窗口名称:被打开窗口的名称。 可以是"_top"、"_blank"、"_selft"等。 参数字符串:设置窗口参数,各参数用逗号隔开。 参数表:
    查看全部
  • mkv
    prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框(包含一个确定按钮、取消按钮与一个文本输入框)。 语法: prompt(str1, str2); 参数说明: str1: 要显示在消息对话框中的文本,不可修改 str2:文本框中的内容,可以修改 返回值: 1. 点击确定按钮,文本框中的内容将作为函数返回值 2. 点击取消按钮,将返回null
    查看全部
  • innerHTML属性 获取或替换原来的HTML元素内容,document.getElementById("id")用来查找元素: <h2 id="con">javascript</H2> <p> JavaScript是一种基于对象、事件驱动的简单脚本语言,嵌入在HTML文档中,由浏览器负责解释和执行,在网页上产生动态的显示效果并实现与用户交互功能。</p> <script type="text/javascript"> var mychar=document.getElementById("con"); document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容 mychar.innerHTML="Hello World!"; document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容 </script>
    查看全部
    0 采集 收起 来源:innerHTML 属性

    2018-03-22

  • mkv
    document.write("")输出内容 mystr为函数 document.write(mystr+"<br>"); alert("")警告 mystr为内容 alert(mystr); confirm("")消息对话框
    查看全部
  • mkv
    alert("函数")
    查看全部
  • mkv
    document.write("");输出命令
    查看全部
  • 通过按钮添加或修改CSS样式: 变量名.className="所需要的CSS样式的class名"; 需要配合按钮使用
    查看全部
  • Object.style.display = value;//显示和隐藏,其中value的取值可为none(隐藏)或bolck(显示);
    查看全部
  • 2016/05/11 1、改变HTML的样式: Object.style.property = new style; 其中,Object为元素对象,property为样式属性,例:backgroundColor(元素背景色)、height(元素高度)、width(元素宽度)、color(文本颜色)、font(在一行设置所有的字体属性)、fontFamily(设置元素的字体系列)、fontSize(设置元素的字体大小);
    查看全部
    0 采集 收起 来源:改变 HTML 样式

    2016-05-11

  • HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢? 语法: Object.style.property=new style; 注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。
    查看全部
    0 采集 收起 来源:改变 HTML 样式

    2018-03-22

举报

0/150
提交
取消
课程须知
该课程是针对新手的一个简单基础的课程,让您快速了解JS,通过一些简单的代码编写体会JS。如果您已经对JS有所了解,可以跳过本课程,学习JS进阶课程,进一步学习JS相应的基础知识。学习本课程,希望您至少具备HTML/CSS基础知识,认识常用的标签。
老师告诉你能学到什么?
1. 理解JavaScript基础语法; 2. 掌握常用语句的使用方法; 3. 学会如何获取DOM元素及进行简单操作。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!