javascript

本文介绍了JavaScript的基础知识,包括如何向文档输出文本、与DOM交互的基本方式、BOM与DOM的概念、基本数据类型、函数定义与调用、事件处理、数字与字符串对象的操作方法等。

1.通过javascript想文档中输出文本

  document是javascript的内置对象,代表浏览器的文档部分

  document.write("Hello Javascript") 向文档写入字符串


2.javascript和DOM结合的一个简单例子

οnclick="...." 表示点击button 之后想做的事情

document.getElementById 根据id获取指定的元素

.style.display='none' 隐藏

.style.display='block' 显示(以 block 的形式显示)


3.BOM 和DOM

完整的js是由BOM和DOM组成

只有通过js操作DOM对象的时候,才会带来很好的实用效果!


4.script标签

js都是放在script标签中的,一旦加载就会执行,执行顺序为从上到下

当代码较多时,可以采用和css一样的手段,将js代码从中剥离出来,单独放到一个文件中(,js)


5.用法

》1.使用var声明一个变量 

》2.不使用var (全局变量)


6.基本数据类型

》1.undefine 声明了但是未赋值

》2.Boolean  布尔

》3.Number  数字

》4.String  字符串

》5.var   动态类型

》6.typeof 变量类型判断

》7.null 空对象/对象不存在


6.函数

例子

<script>
function print(){
  document.write("这一句话是由一个自定义函数打印");
}
print();
</script>

》1.function 关键字用于定义一个函数

》2.print 即函数的名称

》3.()表示参数列表,像这样就指没有参数

》4.{ } 函数开始结束

 

priint() 函数的调用


7.事件

<script>
function showHello(){
   alert("Hello JavaScript");
}
</script>

点击触发showHello 函数
<button οnclick="showHello()">点击一下</button>


8.对象

数字对象

》1.创建数字对象(var x =new Number(123) )

》2.最大值 最小值 (MAX_VALUE  MIN_VALUE)

》3.NaN 表示不是一个数字 当通过非数字创建Number的时候,就会得到NaN

注意:判断是不是一个数字的是函数 isNaN() 例子: isNaN(x) 返回一个boolean类型

》4.返回一个数字的小数表达(toFixed 函数) 例子:toFixed(2)  123.00  toFixed(3)  3.142

》5.返回一个数字的科学计数法表达  toExponentia    x.toExponentia() 

》6.返回一个数字对象的基本数字类型  valueOf() 返回一个基本类型的数字   x.valueOf();


字符串对象

》1.创建  var x="5"   var y= new String(x);

》2.字符串长度  y.length

》3.返回指定位置的字符

charAt 返回指定位置的字符  y.charAt(0)  第0位

charCodeAt 返回指定位置的字符对应的Unicode码   y.chartCodeAt(0) 第0位

》4.字符串拼接

x.concat(y) x和y拼接到一起

》5.字符串出现的位置

indexOf 返回子字符串第一次出现的位置  y.indexOf("a")
lastIndexOf 返回子字符串最后一次出现的位置      y.lastindexOf("a")

》6.比较两段字符串是否相同

 localeCompare 比较两段字符串是否相同,0即表示相同,非0表示不同  x.localeCompare(y)

》7.substring 截取一段子字符串 y.substring(0,3) 

》8.split 根据分隔符,把字符串转换为数组。 y. split(" ") 空格截取

》9.replace(search,replacement)
找到满足条件的子字符串search,替换为replacement  y.replace("a","o")

全部替换的话 x.replace(/a/g, "o");  

var regS = new RegExp("a","g");    x.replace(regS, "o");

实例子:

function p(s){
  document.write(s);
  document.write("<br>");
}

var x = new String("Hello JavaScript");
p('这个是原字符串: '+x);
var y = x.replace("a","o");
p('只替换第一个 a:  '+y);
var regS = new RegExp("a","g");
var z = x.replace(regS, "o");
p('替换掉所有的 a:  '+z);
 

注意:需要注意的是,所有返回字符串类型的方法,返回的都是基本类型的String

下载方式:https://pan.quark.cn/s/a4b39357ea24 布线问题(分支限界算法)是计算机科学和电子工程领域中一个广为人知的议题,它主要探讨如何在印刷电路板上定位两个节点间最短的连接路径。 在这一议题中,电路板被构建为一个包含 n×m 个方格的矩阵,每个方格能够被界定为可通行或不可通行,其核心任务是定位从初始点到最终点的最短路径。 分支限界算法是处理布线问题的一种常用策略。 该算法与回溯法有相似之处,但存在差异,分支限界法仅需获取满足约束条件的一个最优路径,并按照广度优先或最小成本优先的原则来探索解空间树。 树 T 被构建为子集树或排列树,在探索过程中,每个节点仅被赋予一次成为扩展节点的机会,且会一次性生成其全部子节点。 针对布线问题的解决,队列式分支限界法可以被采用。 从起始位置 a 出发,将其设定为首个扩展节点,并将与该扩展节点相邻且可通行的方格加入至活跃节点队列中,将这些方格标记为 1,即从起始方格 a 到这些方格的距离为 1。 随后,从活跃节点队列中提取队首节点作为下一个扩展节点,并将与当前扩展节点相邻且未标记的方格标记为 2,随后将这些方格存入活跃节点队列。 这一过程将持续进行,直至算法探测到目标方格 b 或活跃节点队列为空。 在实现上述算法时,必须定义一个类 Position 来表征电路板上方格的位置,其成员 row 和 col 分别指示方格所在的行和列。 在方格位置上,布线能够沿右、下、左、上四个方向展开。 这四个方向的移动分别被记为 0、1、2、3。 下述表格中,offset[i].row 和 offset[i].col(i=0,1,2,3)分别提供了沿这四个方向前进 1 步相对于当前方格的相对位移。 在 Java 编程语言中,可以使用二维数组...
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值