1. Finalidades e requisitos experimentais
Tarefas experimentais
1. Domine as regras de sintaxe do JavaScript
2. Declarações mestres de variáveis JavaScript
3. Familiarizado com tipos de dados JavaScript
4. Domine os vários operadores de JavaScript
5. Definições mestres de funções JavaScript
Pontos de habilidade de treinamento
- Definições de variáveis principais
- Domine a aplicação de instruções condicionais if
- Domine a aplicação do loop for
- Conversão de tipo de dados mestre
- Domine a definição de funções parametrizadas
2. Instrumentos e equipamentos experimentais. Computadores
equipados com Dreamweaver , HBuilder e outros softwares e uma rede estável.
3. Tarefas e etapas experimentais
Experiência 1. Triângulo de saída
Declaração de necessidades
Insira o número de linhas para imprimir triângulos e imprima triângulos na página. Não importa se o número de linhas de triângulos de entrada é maior que 8, o número de linhas de triângulos de saída é no máximo 8. A saída de triângulos na página é conforme mostrado na figura:
Figura 1 Insira o número de linhas a serem impressas Figura 2 Triângulos de saída na página
Ideias e etapas de implementação
- Use o método prompt() para inserir o número de linhas do triângulo e chame o método parseInt() para converter o número da linha em um número inteiro.
- Use uma instrução if para determinar se o número de linhas é menor que 8.
3. Use um loop for duplo para gerar o triângulo, use a variável do loop externo para controlar as linhas e a variável do loop interno para controlar o número de números * em cada linha . O número * em cada linha é gerado e a linha quebra .
Experiência 2. Escrevendo funções
Declaração de necessidades
Escreva a função f(x)=5x^2+9x-15, use a caixa de diálogo de prompt para inserir o valor de x e produza o resultado correspondente na página.
Ideias e etapas de implementação
1. Defina a função e expresse-a usando operadores de adição, subtração e multiplicação.
2. Use o método prompt() para inserir o valor de x.
3. Chame a função definida.
4. Use o método document.write() para gerar os resultados correspondentes na página.
Figura 1 Insira o valor de x Figura 2 Mostre o resultado na página
4. Demonstração experimental de código
Código da experiência 1:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>打印三角形</title>
<style type="text/css">
body{text-align: center;}
</style>
</head>
<body>
<script type="text/javascript">
var row=parseInt(prompt("请输入三角形的行数:"));
if(row<=8){
for(var i=0;i<row+1;i++){
for( var j=0;j<i;j++){
document.write("*");
}
document.write("</br>");
}
}
else{
for( var i=0;i<9;i++){
for(var j=0;j<i;j++){
document.write("*");
}
document.write("</br>");
}
}
</script>
</body>
</html>
Código do experimento 2:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>计算函数表达式</title>
<script type="text/javascript">
function f(x){
var y=5*x*x+9*x-15;
document.write("结果是"+y);
}
</script>
</head>
<body>
<script type="text/javascript">
var x=parseInt(prompt("请输入一个数"));
f(x);
</script>
</body>
</html>
5. Resultados experimentais
Resultados da experiência 1:
insira um número menor que 8:
Digite um número maior que 8:
Resultados da experiência 2: