【B/S】JS(3)

JS:JavaScript是属于网络的脚本语言, 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。主要使网页有交互,和HTML一样属于前端编程语言(运行在客户端)。

JavaScript不仅可以在前端使用,node.js平台可以让JavaScript具有服务端编程语言能力

js代码的位置(head中):

第一种方式:js代码写在<script>标签中。

    type="text/javascript"(可不写)   :javascript代码,现在所有的浏览器都会把<script>标签中的内容当成JS来执行

<script type="text/javascript">

  alert("hello world");//提示框,打印一句话

  console.debug("哈哈");//firefox和google浏览器中使用F12打开开发者工具,选中控制台面板(console)

</script>

第二种方式:将js代码作为a标签的href属性值运行,当我们点击这个a标签的时候就会执行js代码。javascript:代码

<a href="javascript:alert(‘你好‘)">点击</a>

第三中方式:将js代码放在一个独立js文件中,然后通过<script src="hello.js"></script>

      src:制定外部js文件的路径

<script type="rext/javascript" src="hello.js"></script>

js变量

<script type=text/javascript>

  //javascript声明变量统一使用“var”;

  //语法:var 变量名=任何值;

  //声明变量,没有赋值。(默认值为“undefined”);

  var username;

  username = "枫棂";

  username = 100;

  console.debug(username);

</script>

注意:

1. js中没有char类型,所以‘a‘也是一个字符串

2. var a="2";

  var b="你好";

  console.debug(a*b);//NaN:not a number不是一个数字。a非数字,会自动将类型转换为数值2,b非数字,但无啊把这个字符串转换为数值,不会报错,返回NaN;

3. js中任何值都有“真假性”,也就是说任何值都可以代表“真”或“假”

  false,0,"",‘‘,NaN,undefined,null都是“假”;其他值都是真。所以if(值)中,这个值为真,就继续,若为假,就中断。

函数:

将脚本编写为函数,就可以避免页面载入时执行该脚本

函数包含着一些代码,这些代码可以多次被调用。

function showWord(){

  for(var i=0;i<10;i++){
    console.debug("你好"+i);

  }

}

直接调用函数:

showWord();

间接调用:

<a href="javascript:showWord();">点击我</a>

//函数中形参直接写参数名即可,不要写var

function getSum(num1,num2){

  return num1+num2;  //不需要定义返回值的类型,直接返回值即可

}

var sum=getSum(5,1);

console.debug(sum);

//document.write 文本内容打印到网页中

for(var i=1;i<9;i++){
  document.write("-----------------------");

  document.write("<br/>");

}

//定义一个验证表单函数

function validateForm(){

  //getElementById方法,通过id属性获取页面中的一个元素

  var inputOBbject = document.getElementById("username");//获取了页面中id为username的标签对象

  var v= inputObject.value;

  

  //判断用户名是否有输入

  if(v.length==0){

    alert("请输入用户名");

    return;  //终止代码继续向后执行

  }

  //通过代码提交表单

  var formMaple = document.userForm;//获取到了名字为userForm表单对象

  formMaple.submit();

}

<form action="" name="userForm">

  用户名:<input type="text" name="username" id="username" /><br />

  密&emsp;码:<input type="password" name="userpsword" id="userpsword"/><br />

  //onclick点击后执行某段代码

  <input type="button" value="提交" onclick="validateForm()" />

</form>

时间: 2024-10-12 13:10:19

【B/S】JS(3)的相关文章

【Hibernate学习】 ——ORM(三)

前面几种关系我们以前就经常用,对于继承我们也并不陌生,经常接触的类与类之间的继承用extends关键字,那么在表与表的关系中如何表示呢?下面我们来讲继承映射. 继承有三种实现的策略,单表继承,具体表继承,类表继承.下面来分析一下这三种方式 继承关联类关系  单表继承 每棵类继承树使用一个表,可知,这三个类在一张表中.如下表: 这张表包括了父类,子类的所有属性,通过Type来区分是哪个子类. 对象模型映射到关系模型: <classname="com.bjpowernode.hibernat.

【Hibernate学习】 ——ORM(一)

Hibernate是一种能实现ORM的框架.ORM即Object Relational Mapping,对象关系映射.也就是将关系数据库中表的数据映射成为对象,也就是说将表与表之间的操作映射成对象与对象之间的操作,通过实体类来达到操作表的目的.总之就是把对数据库的操作转化为对对象的操作,从而更体现了面向对象的思想. 一对一关联映射策略包括主键关联和唯一外键关联. 单向一对一 主键关联 让两个对象有相同的主键值,表名它们之间的一对一关系,数据库没有额外的字段来维护它们之间的关系,仅仅通过表的主键来

【Hibernate学习】 ——ORM(二)

上篇博客主要介绍了一对一的关系,主要理解单向与双向的区别,主键关联与唯一外键关联的区别.下面继续介绍一对多与多对多关联. 一对多关联映射 一个班级对应多个学生 单向一对多关系 关系表: classes代码 <classname="com.bjpowernode.hibernat.Classes"table="t_classes"> <idname="id"> <generatorclass="native&

【HDOJ 5838】Mountain(局部极小值)

[HDOJ 5838]Mountain(局部极小值) Mountain Time Limit: 3000/1500 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/Others) Problem Description Zhu found a map which is a N * M rectangular grid.Each cell has a height and there are no two cells which have

【POJ 3071】 Football(DP)

[POJ 3071] Football(DP) Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 4350   Accepted: 2222 Description Consider a single-elimination football tournament involving 2n teams, denoted 1, 2, -, 2n. In each round of the tournament, all tea

【POJ 3034】 Whac-a-Mole(DP)

[POJ 3034] Whac-a-Mole(DP) Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 3621   Accepted: 1070 Description While visiting a traveling fun fair you suddenly have an urge to break the high score in the Whac-a-Mole game. The goal of the W

【UOJ#246】套路(动态规划)

[UOJ#246]套路(动态规划) 题面 UOJ 题解 假如答案的选择的区间长度很小,我们可以做一个暴力\(dp\)计算\(s(l,r)\),即\(s(l,r)=min(s(l+1,r),s(l,r-1),abs(a_r-a_l))\). 我们发现\(s(l,r)\le \frac{m}{r-l+1}\),那么当长度足够大的时候\(s(l,r)\)的取值很小. 所以我们对于询问分治处理,当长度小于\(\sqrt m\)时,直接\(dp\)计算贡献. 否则,当长度大于\(\sqrt m\)时,枚举

【UOJ#22】【UR #1】外星人(动态规划)

[UOJ#22][UR #1]外星人(动态规划) 题面 UOJ 题解 一道简单题? 不难发现只有按照从大往小排序的顺序选择的才有意义,否则先选择一个小数再去模一个大数是没有意义的. 设\(f[i][j]\)表示考虑了前\(i\)个数,模完之后是\(j\)的方案数. 转移的时候枚举这个数是模还是不模,如果不模的话就要把它放到后面某个小数的后面,方案数是\(n-i\). #include<iostream> #include<cstdio> #include<cstdlib>

【初识Spring】对象(Bean)实例化及属性注入(xml方式)

title: [初识Spring]对象(Bean)实例化及属性注入(xml方式) date: 2018-08-29 17:35:15 tags: [Java,Web,Spring] --- ?#初识Spring之Bean实例化及属性注入 1.通过xml配置的方式进行实例化. 配置文件中bean标签的常用属性 通过无参构造(常用) 使用静态工厂进行创建 使用实例工厂进行创建 2.属性注入. 使用有参数构造方法注入属性 使用set方法注入属性(常用) 注入对象类型属性 注入复杂类型属性 xml配置的