初探js

原创 2015年11月18日 20:03:05

给初学者展示几个小例子

53.JavaScript使用document.write来输出内容。
54.function myFunction()
{
x=document.getElementById("demo");  // 找到元素
x.innerHTML="Hello JavaScript!";    // 改变内容
}
55.JavaScript:对事件作出反应
实例
<button type="button" onclick="alert('Welcome!')">点击这里</button>
56.
Webstorm快捷键 说明
ctrl+shift+N 通过文件名快速查找工程内的文件(必记)
ctrl+shift+alt+N 通过一个字符快速查找位置(必记)
ctrl+F 在文件内快速查找代码
F3 查找下一个
shift+F3 查找上一个
ctrl+R 文件内代码替换
ctrl+shift+R 指定目录内代码批量替换
ctrl+shift+F 指定目录内代码批量查找
界面操作


Webstorm快捷键 说明
ctrl+shift+A 快速查找并使用编辑器所有功能(必记)
alt+[0-9] 快速拆合功能界面模块
ctrl+shift+F12 最大区域显示代码(会隐藏其他的功能界面模块)
alt+shift+F 将当前文件加入收藏夹
ctrl+alt+s 打开配置窗口
ctrl+tab 切换代码选项卡(还要进行此选择,效率差些)
alt+←/→ 切换代码选项卡
ctrl+F4 关闭当前代码选项卡
代码编辑
Webstorm快捷键 说明
ctrl+D 复制当前行
ctrl+W 选中单词
ctrl+←/→
ctrl+←/→ 以单词作为边界跳光标位置
alt+insert 新建一个文件或其他
ctrl+alt+L 格式化代码
shift+tab/tab 减少/扩大缩进(可以在代码中减少行缩进)
ctrl+Y 删除一行
shift+enter 重新开始一行(无论光标在哪个位置)


Webstorm快捷键 说明
esc 进入代码编辑区域
alt+F1 查找代码在其他界面模块的位置,颇为有用
ctrl+G 到指定行的代码
ctrl+]/[ 光标到代码块的前面或后面
alt+up/down 上一个/下一个方法
57.
div1.style.display='block'


.类似于 的
= 赋值
58.
get  获取
Element 元素
By 用
Id 名称
getElementById  通过名称获取元素
59.
==判断(类似于数学中的等号)




上传一些代码,里面有简单的js应用

if语句的简单应用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
    <style type="text/css">
        #div1{
            width: 100px;
            height: 200px;
            background: #ccc;
            display: none;
        }
    </style>
    <script>
function showHide()
{
    var oDiv=document.getElementById('div1');
    if(oDiv.style.display=='block')
    {
        oDiv.style.display='none';
    }
    else
    {
        oDiv.style.display='block';
    }
}
    </script>
</head>
<body>
<input type="button" value="显示隐藏" onclick="showHide()"/>
<div id="div1">

</div>
</body>
</html>
函数传参

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
    <style type="text/css">
        #div1{
            width: 200px;
            height: 200px;
            background: red;
        }
    </style>
    <script type="text/javascript">

        function toGreen()
        {
            var oDiv=document.getElementById('div1');
            oDiv.style.background='green';
        }
        function toYellow()
        {
            var oDiv=document.getElementById('div1');
            oDiv.style.background='yellow';
        }
        function toBlack()
        {
            var oDiv=document.getElementById('div1');
            oDiv.style.background='black';
        }
    </script>
</head>
<body>
<input type="button" value="变绿" onclick="toGreen()"/>
<input type="button" value="变黄" onclick="toYellow()"/>
<input type="button" value="变黑" onclick="toBlack()"/>
<div id="div1">

</div>
</body>
</html>

一、初探Javascript魅力(1)_看智能社blue老师JS视频整理的笔记

1、javascript是什么 根据用户的一些操作,然后来修改页面上的一些元素、属性等。 (1)HTML+CSS静态页面,JS给页面添加动的效果 (2)网页特效的原理 javascript就是修改...
  • cherry_vicent
  • cherry_vicent
  • 2014年12月24日 10:00
  • 2208

大数据初探

一、什么是大数据 5V特点(IBM提出):Volume(大量)、Velocity(高速)、Variety(多样)、Value(价值)、Veracity(真实性)。 应用:发现隐藏事物、商品相似性推荐、...
  • shuke1991
  • shuke1991
  • 2016年05月18日 19:00
  • 223

小白...

初入软件行业,代码小白一枚...还望各位大牛指点迷津,多谢多谢.
  • taoxiaowu36
  • taoxiaowu36
  • 2016年06月25日 22:25
  • 134

MongoDB初探系列之一:MongoDB安装及建议配置

想必第一次听说MongoDB的各位小伙伴,一定是听到他的诸多很N的地方才决定来学习一下这个东东的。不管你是出于什么目的开始踏上这段学习之旅,但是同样作为菜鸟的我很乐意和各位一起成长。废话不多说了,各种...
  • zhaoguoshuai91
  • zhaoguoshuai91
  • 2015年07月11日 21:26
  • 1021

初探敏捷

带着个小团队学习敏捷运作也有s个多月了,目前执行了五轮迭代,对比以前的瀑布式运作,运作差别比较大的主要是每日晨会、测试前移、持续交付; 第一次尝试敏捷,就在我们今年的部门重点项目w上试点,确实有点突...
  • junbaozi
  • junbaozi
  • 2014年07月21日 23:46
  • 626

SEO初探

SEO初探 人类搜索的方式:搜索步骤 体验对答案,解决方案或者信息片段的需求,导航型、交易型、信息型查询。 用一串单词和短语(查询)阐述需求。 执行查询,查看结果中是否有所...
  • liyuxing6639801
  • liyuxing6639801
  • 2018年01月21日 10:26
  • 38

js初探

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标...
  • wgp15732622312
  • wgp15732622312
  • 2016年04月02日 11:59
  • 477

初探Linux网络协议栈

译者注: 原文写于2003年,文中描述的不少内容已经发生了改变,在不影响愿意的情况下,我擅自增删了一些内容. 翻译过程中找到的好资料: How SKBs WorkEvaluation of T...
  • abcd1f2
  • abcd1f2
  • 2014年07月17日 20:51
  • 521

maven小白

maven小白今天花了不少时间成功创建了一个maven项目,期间遇到些问题,搞到现在,头也是晕晕的 下面便将搭建过程分享下, 参照两位的分享,也是加一些自己遇到的问题,自己写了一个分享,可能有些乱...
  • wang725
  • wang725
  • 2015年11月28日 22:38
  • 245

SIP简介,第1部分:SIP初探

时间:2006-04-07 作者:Emmanuel Proulx 浏览次数: 44484 本文关键字:S...
  • flyingfalcon
  • flyingfalcon
  • 2008年06月15日 21:44
  • 598
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:初探js
举报原因:
原因补充:

(最多只允许输入30个字)