当前位置：首页 > 科技 > 正文

js代码生成器 js代码怎么用

问答百科
科技
2023-09-28
70

我们先来看第一种用法：在HTML页面中直接嵌入js代码如果在HTML页面中直接嵌入JavaScript代码，我们需要使用标签，和会告诉 JavaScript 在何处开始和结束。

文章目录：

js代码怎么用
几个前端常见的JS排序代码

一、js代码怎么用

在学习JavaScript之前我们应该先来了解一下JavaScript代码如何使用？下面我们就来看看js代码的用法。
我们在使用JavaScript代码有两种写法：一种是在HTML页面中直接嵌入js代码，另一种是通过链接外部的JavaScript文件。
我们先来看第一种用法：在HTML页面中直接嵌入js代码
如果在HTML页面中直接嵌入JavaScript代老唯码，我们需要使用 <script> 标签，<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。
<script> 和 </script> 之间的代码行包含了 JavaScript：
<script>
alert("My First JavaScript");
</script>在HTML页面的任何位置（head部分 body部分 body的后面较好）都可以插入script标签。
你有可能会在 <script> 标签中看到使用 type="text/javascript"，但是现在已经不必这样做了。JavaScript现在已经是所有现代浏览器以及 HTML5 中的默认脚本语言。
我们来看一个具体的示例

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
</script>
</body>
</html>敬镇上述代码就是在在HTML页面中直接嵌入js代码。
接着我们来看看侍稿培js代码的第二种用法：通过链接外部的JavaScript文件。
有时JavaScript代码过多的话，我们可以将代码单独放在JavaScript文件中然后链接起来。
我们链接外部JavaScript文件可以有以下步骤

1、首先我们建立一个JavaScript文件，扩展名是.js
2、然后将要编写的js代码写到Js文件中，并保存文件。
3、使用script标签将JavaScript文件链接到HTML文件中
<script type="text/javascript" src="JavaScript文件名和路径"></script>
需要注意一点的是，在一个已经引入外部js文件的script标签中，不能在它的开始标签和结束标签中写Js命令了。
我们来看一个具体的示例
我们先建一个js文件sample.js

然后写入js代码
document.write("<p>This is a paragraph</p>");最后使用script标签将JavaScript文件链接到HTML文件中
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script type="text/javascript" src="sample.js"></script>
</body>
</html>

二、几个前端常见的JS排序代码

在运用js时经常会遇到排序洞高问题，就这个问题本文将会详细的讲解下js排序问题。
1、冒泡排序
function bubbleSort(arr){
var i = 0,
j = 0;
for(i=1; i<arr.length; i++){
for(j=0; j<=arr.length-i; j++){
var temp = 0;
// ">" 从小到大排序
// "<"颤锋从大到小排序
if(arr[j] > arr[j+1]){
temp = arr[j];
arr[j] = arr[j+1];
arr[j+1] = temp;
}
}
}
return arr;
}2、快速排序
function quickSort(arr,l,r){
if(l < r){
var i = l, j = r, x = arr[i];
while(i<j){
while(i<j && arr[j]>x)
j--;

if(i<j)
//这里用i++，被换过来的必然比x小，赋值后直接让i自加，不用再比较，可以提高效率
arr[i++] = arr[j];

while(i<j && arr[i]<x)
i++;

if(i<j)
//这里用j--，被换过来的必然比x大，赋值后直接让j自减，不用再比较，可以提高效率
arr[j--] = arr[i];
}
arr[i] = x;

quickSort(arr, l, i-1);
quickSort(arr, i+1, r);
}
}3、二路归并
function merge(left, right) {
var result = [],
il = 0,
ir = 0;
while (il < left.length && ir < right.length) {
if (left[il] < right[ir]) {
result.push(left[il++]);
} else {
result.push(right[ir++]);
}
}
while(left[il]){
result.push(left[il++]);
}
while(right[ir]){
result.push(right[ir++]);
}
return result;
}字符串操作
1、判断回文字符串
function palindrome(str){
// \W匹配任何非单词字符。等价于“[^A-Za-z0-9_]”。
var re = /[\W_]/g;
// 将字符串变成小写字符,并干掉除字母数字外的字符
var lowRegStr = str.toLowerCase().replace(re,'');
// 如果字符串lowRegStr的length长度为0时，字符串即是palindrome
if(lowRegStr.length===0) return true;
// 如果字符串的第一个和最后一个字符不相同，那么字符串就不是palindrome
if(lowRegStr[0]!=lowRegStr[lowRegStr.length-1]) return false;
//递归
return palindrome(lowRegStr.slice(1,lowRegStr.length-1));
}2、翻转字符串
思茄颤晌路一：反向遍历字符串
function reverseString(str){
var tmp = '';
for(var i=str.length-1; i>=0; i--)
tmp += str[i];
return tmp
}思路二：转化成array操作
function reverseString(str){
var arr = str.split("");
var i = 0,j = arr.length-1;
while(i<j){
tmp = arr[i];
arr[i] = arr[j];
arr[j] = tmp;
i++;
j--;
}
return arr.join("");
}3、生成指定长度随机字符串
function randomString(n){
var str = 'abcdefghijklmnopqrstuvwxyz0123456789';
var tmp = '';
for(var i=0; i<n; i++) {
tmp += str.charAt(Math.round(Math.random()*str.length));
}
return tmp;
}4、统计字符串中次数最多字母
function findMaxDuplicateChar(str) {
if(str.length == 1) {
return str;
}
var charObj = {};
for(var i = 0; i < str.length; i++) {
if(!charObj[str.charAt(i)]) {
charObj[str.charAt(i)] = 1;
} else {
charObj[str.charAt(i)] += 1;
}
}
var maxChar = '',
maxValue = 1;
for(var k in charObj) {
if(charObj[k] >= maxValue) {
maxChar = k;
maxValue = charObj[k];
}
}
return maxChar + '：' + maxValue;
}数组操作
1、数组去重
function unique(arr){
var obj = {}
var result = []
for(var i in arr){
if(!obj[arr[i]]){
obj[arr[i]] = true;
result.push(arr[i]);
}
}
return result;
}2、数组中最大差值
function getMaxProfit(arr){
var min = arr[0],
max = arr[0];
for(var i = 0; i < arr.length; i++){
if(arr[i] < min) min = arr[i];
if(arr[i] > max) max = arr[i];
}
return max - min;
}其他常见算法
1、阶乘
非递归实现
function factorialize(num) {
var result = 1;
if(num < 0) return -1;
if(num == 0 || num == 1) return 1;
while(num>1) {
result *= num--;
}
return result;
}递归实现
function factorialize(num) {
var result = 1;
if(num < 0) return -1;
if(num == 0 || num == 1) return 1;
if(num > 1) return num*factorialize(num-1);
}2、生成菲波那切数列
强行递归实现
function getfib(n){
if(n == 0) return 0;
if(n == 1) return 1;
if(n > 1) return getfib(n-1) + getfib(n-2);
}
function fibo(len){
var fibo = [];
for(var i = 0; i < len; i++){
fibo.push(getfib(i));
}
return fibo;
}简约非递归实现
function getFibonacci(n) {
var fibarr = [];
var i = 0;
while(i < n) {
if(i <= 1) {
fibarr.push(i);
} else {
fibarr.push(fibarr[i - 1] + fibarr[i - 2])
}
i++;
}
return fibarr;
}3、二分查找
非递归实现
function binary_search(arr, key) {
var low = 0,
high = arr.length - 1;
while(low <= high){
var mid = parseInt((high + low) / 2);
if(key == arr[mid]){
return mid;
}else if(key > arr[mid]){
low = mid + 1;
}else if(key < arr[mid]){
high = mid -1;
}
}
return -1;
}递归实现
function binary_search2(arr, low, high, key) {
if(low > high) return -1;
var mid = parseInt((low + high)/2);
if(key == arr[mid]) {
return mid;
} else if(key > arr[mid]) {
return binary_search2(arr, mid+1, high, key);
} else if(key < arr[mid]) {
return binary_search2(arr, low, mid-1, key);
}
}本文详细的展示了js排序的几种代码，想要了解更多的相关知识请关注和Gxl网。