js基础( js嵌入方式、输出语句)

s现在的作用

1、验证表单(以前的网速慢)

2、页面特效 (PC端的网页效果)

3、移动端 (移动 web 和app)

4、异步和服务器交互(ajax)

5、服务器端开发 (nodejs)

前端的标准

javaScript  THML  Css

HTML  提供网页上显示的内容 (结构)

css 美化网页 (样式)

javaScript  控制网页行为 (行为)

设计原则

结构、样式、行为---- 分离

javaScript的组成

ECMAScript    JavaScript的语法规范 (var for)

DOM    JavaScript操作网页上元素的API(div  span)

BOM    JavaScript操作浏览器部分功能的API (前进后退,刷新)

javaScript 嵌入方式

1、内嵌式

a)写在</html>下在执行的时候也会被提到body下

b)还可以写在head内

c)最好放在body的最下面

2、外链式

a)<script src=" 路径 .js" type="text/javascript"></script>

3、行内式: 和事件关联

 输出语句

1、Console.log  (“控制台输出”)

2、Console.error("我是错误")  // 了解

3、Console.warn("我是一个警告")//了解

4、Document.write("输出到页面")

5、Prompt("输入框");

a) 输入内容被返回

d)不输入内容返回null

6、Confirm(" 输出带有是否的弹出框")

a)点击确定返回true

d)  点击取消返回false

注释

/** +tab

自己电脑上 /**/ 回车

 /**
         *
         * @param a  //参数
         * @param b
         * @returns {number}
         */
        /
         function fn(a,b){
            return 111;
        }
时间: 2024-08-10 17:17:49

js基础( js嵌入方式、输出语句)的相关文章

[JS基础] JS 之数组排序

简单数组排序 这里的简单数组的定义是,数据的元素是基本的类型整型,字符型,浮点型等,而不是对象类型 排序方法就很简单,使用数组本身的sort 方法. 默认是升序排序. 看例子: <script> var jsArray = [100,2,4,30]; jsArray.sort(); alert(jsArray); </script> 输出的结果是: 100,2,30,4 和我们预想的结果不一样, 原因是默认情况下sort方法是按ascii字母顺序排序的,而非我们认为是按数字大小排序

JS基础-----JS中的分支结构及循环结构

[分支结构] 一.if-else结构 1.结构的写法:if(判断条件){ //条件为true时,执行if的{} }else{ //条件为false时,执行else的{} } 2.注意事项 ①else语句块.可以根据情况进行省略. ②if和else后面的{}可以省略,但是省略{}后,if和else后面只能跟一条语句.(所以并不建议省略{}) 3.if的()中的判断条件,支持的情况: ①Boolean:true为真,false为假: ②String:空字符串为假,所有非空字符串为真: ③Number

JS基础----&gt;js中ajax的使用

AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术.今天我们就简单的学习一下ajax的使用及过程. ajax的使用 先贴出大致的代码,是请求本地的一个servlet,返回json格式的数据. function ajaxTest(argument) { var xmlhttp; if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRe

day02 css&amp;js 基础

案例1-用div+css重新布局首页 div:块标签, <div></div>span:行内的块标签 <span><span>////////////css:渲染 层叠样式表 格式: 选择器{属性:值;属性1:值1;} 后缀名: .css 独立的css(样式)文件 和html元素的整合★ 方式1:内联样式表 通过标签的style属性设置样式 方式2:内部样式表 在当前页面中使用的样式 通过head标签的style子标签导入 例如: <style>

【2017-03-28】JS基础、windows对象、history对象、location对象

一.JS基础 JS - javaScript 1.js功能: 1).进行数据的运算.2).控制浏览器的一些功能.3).控制元素(属性.内容.样式) js引用位置: 可以放在html页的任意位置. 推荐放在<html></html>后边. 也可以放在一个以js结尾的文件内,将该文件引用到html页内. 2.格式: <script type="text/javascript"> js代码 </script> 1.alert("&qu

9.12/ css3拓展、js基础语法、程序基本知识、数据类型、运算符表达方式、语句知识点

css3拓展: <display:none>  将某个元素隐藏       <visibility:hidden>  也是将某个元素隐藏 <display:block>  显示                     <visibility:visible>  显示 <display>与<visibility>的区别在于:<display>隐藏后不占位置   <visibility>隐藏后位置还在 当两个<

js基础--javascript基础概念之语句(二)

js基础--javascript基础概念之语句(二)label,break,continue.. break .  continue 语句. break  continue 语句用于在循环中精确控制代码的执行,其中break语句会立即退出循环,执行循环后面的语句. continue 则退出循环后返回到再次进入循环中. 如: var num = 0; for(var i = 0; i<=100; i++){ if(i >= 10){ break; } num = i; } alert(num);

js基础--javascript基础概念之语句

js基础--javascript基础概念之语句 ECMA-262定义了一组语句(流程控制语句) 语句定义了EMCAScript 语法. 常见的if语句. 语法: if(condition) statement1 else statement2 其中.Condition 可以是任意表达式.而且对这个表达式求值的结果不一定是布尔值.因为script 会自动调用boolean 将值转换为布尔值.如果condition 的值是 true .则执行statement1 语句  否则  执行 stateme

JS基础的引入、注释、变量、数据类型和输出语法

引入: 单.双行注释: js的输出语法 弹窗形式 alert(); alert(123); 效果如下: prompt() 方法用于显示可提示用户进行输入的对话框 prompt('请输入姓名'); 效果如下: document.write() 在html文档中打印出来 document.write(123);//可以直接在文档中显示 效果如下: 控制台输出:console.log();一般作为调试输出语句 console.log(123); //控制台 效果如下: 变量: 注意下命名规范: js里