便于日后复习快速回忆起来,把Javascript一些没那么普遍的语法特性写一写。

Javascript作为三剑客的灵魂,我把它写在body里

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>input</title>
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. //在这里自由飞翔(内嵌式)
  10. </script>
  11.  
  12. //又或者外联式,两括号间不能填东西了
  13. <script src="kumata.js"></script>
  14.  
  15. </body>
  16. </html>

输入:prompt()

  1. <script type="text/javascript">
  2. //输入函数
  3. // var a =prompt("请输入数字");
  4. // alert(a);
  5.  
  6. // var a = prompt("你的能量值:")
  7. // var b = prompt("你想膨胀几倍")
  8. // alert("你膨胀之后能量值为" + a*b)
  9.  
  10. var a = prompt("你的能量值:")
  11. var b = prompt("你想加多少")
  12. var c = parseInt(a) + parseInt(b)
  13. alert("你能量值为" + c)

输出:alert() 、console.log()

  1. <script>
  2. //es语法:变量 函数 判断 循环
  3.  
  4. //浏览器输出
  5. //BOM语法
  6. alert("提示框输出"); //简写
  7. window.alert("提示框输出"); //完整写法
  8. //DOM语法
  9. document.write("文档输出");
  10. console.log("控制台输出");
  11. </script>

==号与===号

  1. <script type="text/javascript">
  2. // 大于、小于、大于等于,小于等于
  3. console.log(6 > 5); //true
  4. console.log(6 < 5); //false
  5. console.log(6 >= 5); //true
  6. console.log(6 <= 5); //false
  7.  
  8. // 等等号:这个符号与python相比不严格,类型不同也会帮它转换为相同的来比较
  9. console.log(5 == '5'); //true
  10. console.log(5 != '5'); //false
  11.  
  12. console.log(6 >= 5);
  13. console.log(6 >= '5');
  14. console.log(6 > '5');
  15. console.log(5 == '5');
  16. console.log(5 === '5');
  17. console.log(5 !== '5');
  18. </script>

Javascript改变div内容

  1. <div id="demo">
  2. click me!
  3. </div>
  4.  
  5. <!-- html+css+js -->
  6. <script>
  7. // 获取kuma对象id获取。
  8. var kuma = document.getElementById("demo")
  9.  
  10. // 事件三要素:
  11. //事件源.触发事件=function(){
  12. // 执行事件
  13. // }
  14. //点击才出发函数里面的内容
  15. kuma.onclick=function(){
  16. alert('done!')
  17. kuma.innerText=("i\'m chage");
  18. }
  19.  
  20. </script>

特性太多了,后面有机会用上再补吧。

学习文档:

W3SCHOOL

Javascript:一些基本语法的更多相关文章

  1. javascript的基本语法、数据结构

    本篇学习资料主要讲解javascript的基本语法.数据结构      无论是传统的编程语言,还是脚本语言,都具有数据类型.常量和变量.运算符.表达式.注释语句.流程控制语句等基本元素构成,这些基本元 ...

  2. JavaScript编程:javaScript核心基础语法

    1.javaScript核心基础语法: javaScript技术体系包含了5个内容:          1.核心语言定义:          2.原生对象和雷子对象:          3.浏览器对象 ...

  3. 【JavaScript的基本语法】

    [JavaScript的基本语法 ] 1.javascript输出 JavaScript语句向浏览器发出的命令.语句的作用是告诉浏览器该做什么. <script>      documen ...

  4. Javascript和Jquery语法对比总结

    目的 相信大家都知道jq是js的一个类库,是为了方便我们开发前端,但是笔者在刚开始学习js和jq时经常将两者的语法记混和混用,所以整理下两者实现相同功能之前的语法区别. 声明变量 javascript ...

  5. (2)javascript的基本语法、数据结构、变量

    本篇学习资料主要讲解javascript的基本语法.数据结构.变量      无论是传统的编程语言,还是脚本语言,都具有数据类型.常量和变量.运算符.表达式.注释语句.流程控制语句等基本元素构成,这些 ...

  6. 完整的JavaScript包括三部分、script标签、JavaScript的基本语法以及变量和字面量的关系

    完整的JavaScript包括三大部分: -ECMAScript   JavaScript的开发规范:提供核心语言功能 -DOM   document object model   文档对象模型:提供 ...

  7. JavaScript类型和语法

    JavaScript类型和语法 一.类型 1.内置类型(null.undefined.boolean.number.string.object.symbol(es6中新增))(除对象之外,其它统称为基 ...

  8. JavaScript的基础语法及DOM元素和事件

    一,JavaScript是什么? 1,JavaScript简称:js,是一种浏览器解释型语言,嵌套在HTML文件中交给浏览器解释执行.主要用来实现网页的动态效果,用户交互及前后端的数据传输等. 2,J ...

  9. JavaScript的基本语法

    1.脚本的基本结构如下: <script language="JavaScript"> <!--JavaScript语句:--> </script&g ...

  10. javascript基础一语法和常用函数

    1语法 1.1引入的方式 在html中引入javascript,使用script标签,在html页面中包括外部引入js方式和在html内部引入js方式.如下两种: 方式一: <script ty ...

随机推荐

  1. 11G新特性 -- OLTP Table Compression

    之前的版本中,只能在批量加载操作时,比如direct load.create table as select 操作,才能压缩数据.在dml操作期间是无法压缩数据的. 在11g中,oracle将表压缩扩 ...

  2. Fiddler插件开发 - 实现网站离线浏览功能

    有这么一种应用场景: 你是做前端或APP开发的,需要调用服务端提供的接口,接口只能在公司内网访问:在公司外就无法调试代码了. 想在公司外访问怎么办呢? 如果在公司的时候将所有接口的响应内容都保存起来, ...

  3. 【emWin】例程十二:FontCvt生成字库

    介绍: 本例程介绍使用官方字库生成软件FontCvt5.22生成字库文件,并在液晶上显示文字. 实验指导书及代码包下载: 链接:http://pan.baidu.com/s/1eSkliDW 密码:o ...

  4. File 类的 getCanonicalFile( ) 和 getAbsoluteFile( ) 区别

    一.打开java.io.File源码,看下两个方法的区别 getAbsoluteFile public File getAbsoluteFile() { String absPath = getAbs ...

  5. 解决:github上传时出现error: src refspec master does not match any

    原因分析 引起该错误的原因是,目录中没有文件,空目录是不能提交上去的 解决方法 touch README git add README git commit -m 'first commit' git ...

  6. Java8使用@sun.misc.Contended避免伪共享(False Sharing)

    伪共享(False Sharing) Java8中用sun.misc.Contended避免伪共享(false sharing) Java8使用@sun.misc.Contended避免伪共享

  7. laravel 5.4 中使用migrate

    1. 创建表结构 a. 命令: php artisan make:migration create_posts_table 2.生产文件 <?php use Illuminate\Support ...

  8. iOS开发之--解决 swap file “*.swp”already exists!问题

    刚才我在vim导入第三方库的时候,突然发现我把podfile的名字打错了,然后我直接终止了进程,然后你懂得出错了,,E325......., 其实使用vim编辑文件实际上是先copy一份临时文件,病映 ...

  9. 6. Oracle闪回特性

    Oracle 闪回 (flashback)是9i版本提供的新特性.这一特性:其他数据库(PostgreSQL,Mysql)是羡慕不已.对数据恢复提供非常便捷的方式.闪回技术通常用于快速简单恢复数据库中 ...

  10. Proc文件系统接口调试

    在tpd_i2c_probe I2C的探测函数中创建proc接口 //----------------------------------------------------------------- ...